Skip to content

Home

Jump to bottom Edit New page
Armand Tresova edited this page Feb 15, 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-'). It uses JavaScript's indexOf to determine if the string is found. Currently this extension supports Firefox and Chrome. Plans are in place to also support Safari in the near future.

Browser Support

  • Firefox
  • Chrome
  • 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

  • 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