Localhost Banner Alert Extension Chrome

Add a banner to your browser when you're on a local development site

Latest Version

Version

1.0.0

Update

March 29, 2024

Size

59.42KiB

Developer

Localhost Banner Alert Extension

Localhost Banner Alert is your companion for local development! This Chrome extension adds a visible banner to your browser to remind you when you're browsing localhost sites.

The banner is displayed if the URL of the current tab contains one of these elements:

* localhost
* .local
* 127.0.0.
* .test

You can manage several parameters. Simply click on the extension button and then on \"Go to settings\":

* Banner enabled: Yes / No
* Banner Text : the text on the banner *(default: Localhost)*
* Banner Position : Top Left / Top Right *(default)* / Bottom Left / Bottom Right
* Banner Theme : Orange *(default)* / Red / Yellow / Blue / Purple / Green
* Exclude URLs : fill in the URLs that should not have the banner. One URL per line without http(s).

The extension does not collect any user information or other information. Only extension-related parameters are stored.

Source code is available here: https://github.com/shevabam/extension-localhost-banner-alert

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Localhost Banner Alert", "description": "Add a banner to your browser when you're on a local development site", "version": "1.0.0", "author": "@shevabam", "homepage_url": "https://github.com/shevabam/extension-localhost-banner-alert", "permissions": [ "activeTab", "storage" ], "host_permissions": [ "http://*/*", "https://*/*" ], "action": { "default_icon" : "img/icon_default.png", "default_title": "Localhost Banner Alert", "default_popup": "pages/popup.html" }, "background": { "service_worker": "js/background.js" }, "content_scripts": [ { "js": ["js/config.js", "js/content.js"], "css": ["css/style.css"], "matches": [""] } ], "options_ui": { "page": "pages/settings.html", "open_in_tab": true }, "icons": { "128" : "img/icon_128.png" }}