Skip to content

Home

Jump to bottom Edit New page
Armand Tresova edited this page Sep 21, 2020 · 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).

  • Ribbon Labels - Displays a label on the ribbon.

  • 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