Skip to content

Home

Jump to bottom Edit New page
Armand Tresova edited this page Feb 17, 2021 · 11 revisions

Logo

Environment Marker

A Browser Addon

Firefox Addons . Chrome Web Store · Report Bug · Request Feature

About The Project

A browser WebExtension that adds a color marker (ribbon) to the page depending on whether the URL contains a given string (e.g. 'http://dev-', 'http://qa-', 'http://prod-'). Currently this extension supports Firefox and Chrome. Plans are in place to also support Safari in the near future.

Browser Support

  • Firefox
  • Chrome & Chromium based browser such as Brave
  • Safari (coming soon...)

Features

  • Configurable Ribbons - Add a URL or part of a URL, choose a color and a ribbon will be added to the page for any website that matches part of that URL. Here are some examples:

    • github.com
    • https://github.com
    • https://github.com/XjSv/environment-marker
    • http://dev.
    • http://qa.
    • http://prod.
    • environment-marker
    • *.google.com
    • (?<!books).google.com

  • Configurable Ribbon Positions - Choose where to position the ribbon (top left, top right, bottom left, bottom right).

  • Configurable Ribbon Sizes - Choose one of 5 sizes (extra small, small, normal, large, extra large).

  • Ribbon Labels - Displays a label on the ribbon.

  • Import/Export - Export and import ribbon configurations.

  • Multilingual Support - Currently supports English, Spanish, German & French.

  • Reusable Color Swatch - The last 7 colors used will be available from the color swatch.

  • RegExp - When enabled the URL fragment can be used with RegExp instead of searching using indexOf.

  • Tab Counter - Displays the number of open tabs. Color is green when under 10 tabs and red when above. I plan to make this configurable in the future.

Built With

Add a custom footer
Add a custom sidebar
Clone this wiki locally