What is Framed!?

Framed! is a Chrome extension developed by JH, and its main feature is "This tool grants you the power to add a custom border to visually separate different web hosts".

Extension Screenshots

Download Framed! Extension CRX File

Download Framed! extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Frame your hosts, avoid mistakes!

As a web developer you are probably working with a bunch of different environments, all looking almost exactly the same.
Keeping track of whether you are on a more safe-to-experiment development server, or if you accidentally stumbled in on the live server, isn't all that easy or obvious.

So, let's see if we can help you with that.

With Framed! you will get a multi browser (available on Firefox and Opera as well!) enabled possibility of adding custom frames to the hosts you want to visually separate.
By allowing you the options of choosing color, how wide your frame edges should be, and their opacity, you have a better chance of knowing whether or not you should click that "Save and publish" button or not.
Who knows, it may be the live environment you are experimenting with!

The features
* Add custom hosts, with wildcards support
* Add host IP matching. Can be useful when you assign a host another IP using e.g. /etc/hosts
* Add custom colours to each host
* Adjust the opacity of the frame
* Add custom border edge widths to each host
* Define what z index you want the borders to be at
* Import and export your frames for use in other browsers or for backup

Extension Basic Information

Name	Framed!
ID	olbikijiklicmmgjpgkfnkckhdlaaome
Official URL	https://chromewebstore.google.com/detail/framed/olbikijiklicmmgjpgkfnkckhdlaaome
Description	This tool grants you the power to add a custom border to visually separate different web hosts
File Size	29.95 KB
Installation Count	50
Current Version	1.2023.715.1
Last Updated	2023-07-16
Publish Date	2019-12-16
Rating	5.00/5 Total 1 Ratings
Developer	JH
Email	[email protected]
Payment Type	free
Supported Languages	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Framed!", "version": "1.2023.715.1", "author": "Jonas Hellstr\u00f6m (SHELLSTR\u00d6M)", "description": "This tool grants you the power to add a custom border to visually separate different web hosts", "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "96": "icon96.png", "128": "icon128.png" }, "background": { "scripts": [ "browser-polyfill.min.js", "background.js" ] }, "browser_action": { "default_title": "Framed", "default_icon": "icon16.png" }, "content_scripts": [ { "matches": [ ":\/\/\/*" ], "js": [ "browser-polyfill.min.js", "framed.js" ] } ], "options_ui": { "page": "options.html", "chrome_style": true }, "permissions": [ "", "storage", "webRequest" ], "browser_specific_settings": { "gecko": { "id": "[email protected]" } } }