Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The mozbrowsericonchange event is sent when a new icon (e.g. <link rel="icon"> or <link rel="apple-touch-icon">) is available in the browser <iframe>'s content.
It will be fired once for each icon available.
CustomEvent<iframe>| Property | Type | Description |
|---|---|---|
target Read only |
EventTarget |
The browser iframe |
type Read only |
DOMString |
The type of event. |
bubbles Read only |
Boolean |
Whether the event normally bubbles or not. |
cancelable Read only |
Boolean |
Whether the event is cancellable or not. |
details Read only |
Object |
A custom object. |
The details property returns an anonymous JavaScript object with the following properties:
DOMString representing the path to the new icon.DOMString listing the sizes the new icon is available in, e.g. "16x16" or "16x16 32x32". The any keyword can also be used, to represent "any size."DOMString representing the rel attribute value from the <link> element used to link to the icon.var browser = document.querySelector("iframe");
browser.addEventListener("mozbrowsericonchange", function( event ) {
console.log("The URL of the new favicon is:" + event.details.href);
});
mozbrowserasyncscrollmozbrowserclosemozbrowsercontextmenumozbrowsererrormozbrowserloadendmozbrowserloadstartmozbrowserlocationchangemozbrowseropenwindowmozbrowsersecuritychangemozbrowsershowmodalpromptmozbrowsertitlechangemozbrowserusernameandpasswordrequired