How to dynamically change the favicon
$('head').append('<link id="dynamic-favicon" rel="shortcut icon" href="https://www.interact-intranet.com/favicon.ico" />');
This works by adding a link to the head of the page, which changes the shortcut icon of the page to the specified image. Causing the image on the tab in the browser to change.
Whilst this works well, there are a couple of caveats to bear in mind if using this.
The developer framework is not loaded for the login screen, or for popup windows, so those pages will still show the standard interact favicon
This function may not be supported in older versions of browsers such as IE8
Updated about 6 years ago