1.2023.715.1

This tool grants you the power to add a custom border to visually separate different web hosts

Latest Version

Version

1.2023.715.1

Update

July 16, 2023

Size

29.95KiB

Developer

Framed! Extension

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

Source 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]" } }}

Download CRX(29.95KiB)