Detect changes to window.location.href

[efung]

I'm using this extension with Firebase, and have set up multiple Firebase projects for production, staging, and development.

Every project has a unique domain, e.g. https://console.firebase.google.com/project/dev-example/ or https://console.firebase.google.com/project/prod-example/

The Firebase console allows you to switch between projects via a drop-down, which loads the new page. However, Environment Marker extension doesn't detect this switch, and continues to show the old banner.

I'm not a FED, but apparently, it's difficult to detect when the URL changes in the location bar, as there's no callback for it? I've seen suggestions of polling to see if it changes, e.g. this gist

[iotmani]

Hello,

+1 on this, we end up with a Dev banner on a Prod URL, so it can cause more harm than good for the above usecases.

[iotmani]

This extension seems to handle it well:
https://chrome.google.com/webstore/detail/urlcolors/jjccpcminoppplpmcfghflolejbdkekm/related

[TobiasKoller]

same problme on make.powerapps.com. If I switch the environment the url changes but not the banner...I guess its because its not a real page reload