So, you've delved into writing your own Chrome extension. Maybe you've even already made one, but you still have a question: How can I use more current technology to to this? Well, as it turns out, it only takes a few extra steps!
A couple of months ago, I was looking for a way to restrict a development site in such a way, that while people were at work (where we have a static IP), and then require a .htpasswd file for everyone outside.
Well, it was actually kind of simple. After you've got your .htpasswd file set up, just throw this inside your vhost
AuthName "Change This" AuthUserFile /path/to/.htpasswd AuthType Basic Satisy Any <Limit GET POST> Order Deny,Allow Deny from all Allow from 220.127.116.119 Require valid-user </Limit>
For your environment, you should change the AuthName, the AuthUserFile, the Limit (maybe, GET and POST might be enough), and the IP (18.104.22.1689).
Change out the variables for what your environment requires, and you should be all set.