Helpful browser extensions for managing lots of tabs for different applications/environments

Came up in an idea so thought i’d drop a quick post about a couple of browser extnesions I use to help keep track of which tabs are for which application and which environment:

  1. A browser extension to add a coloured border around the edge of a webpage based on something in the web address (Chrome - https://chromewebstore.google.com/detail/urlcolors/jjccpcminoppplpmcfghflolejbdkekm, Firefox - TabColorizer – Get this Extension for 🦊 Firefox (en-GB) )
  2. A browser extension to auto group tabs based on web address content, with the groups being named and colour coded (Chrome - https://chromewebstore.google.com/detail/auto-group-tabs/danncghahncanipdoajmakdbeaophenb, Firefox - Auto Tab Groups – Get this Extension for 🦊 Firefox (en-US) )

Here is a screenshot showing the setup:

@ngohw As discussed, here is the forum post about the browser extensions. They take a little effort to configure (particularly the auto tab grouping one) but could be beneficial.

Thank you so much! I’ll have a play around

In our case, the following seems to work for the url patterns to use with Auto Group extension:

/^https://.*-build.apps.lancashire.gov.uk/.*$/
/^https://.*-test.apps.lancashire.gov.uk/.*$/
/^https://.*.apps.lancashire.gov.uk/.*$/

And I set colours as Green, Yellow and Red accordingly.

I ended up taking it a step further and having it group by host and env but that would work well for just env-based grouping.