https://github.com/shevabam/extension-localhost-banner-alert

Add a banner to your browser whenever you're on a local development site
https://github.com/shevabam/extension-localhost-banner-alert

chrome-extension dev localhost

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/shevabam/extension-localhost-banner-alert
• Owner: shevabam
• License: mit
• Created: 2024-01-25T19:48:28.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-11T13:35:57.000Z (9 months ago)
• Last Synced: 2024-11-09T08:31:49.667Z (about 2 months ago)
• Topics: chrome-extension, dev, localhost
• Language: JavaScript
• Homepage:
• Size: 51.8 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


# Browser extension "Localhost Banner Alert"

**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.

# Install

Install this extension from [**Chrome Web Store**](https://chromewebstore.google.com/detail/localhost-banner-alert/jjbdcnlndoeklbhchckpcepmbdjodmia) or [**Microsoft Edge Store**](https://microsoftedge.microsoft.com/addons/detail/localhost-banner-alert/enapelphhmpgogdicalnnmlibaapnadf).

# Usage

After installing the extension, display it in your browser:

![](docs/ext1.png)

The banner is displayed on the right side of the visited site, as soon as one of the following terms is detected in URL:

* localhost

* .local

* 127.0.0.

* .test

![](docs/ext2.png)

# Settings

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

![](docs/ext3.png)

![](docs/ext4.png)

* 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).

# Feedback

If you have a problem using this extension, or would like to request an enhancement, feel free to create an issue or say hello on [Twitter/X](https://twitter.com/shevabam)!

# Privacy Policy

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