webNavigation.onDOMContentLoaded
Fired when the DOMContentLoaded event is fired in the page. At this point the document is loaded and parsed, and the DOM is fully constructed, but linked resources such as images, stylesheets and subframes may not yet be loaded.
Syntax
browser.webNavigation.onDOMContentLoaded.addListener(
listener, // function
filter // optional object
)
browser.webNavigation.onDOMContentLoaded.removeListener(listener)
browser.webNavigation.onDOMContentLoaded.hasListener(listener)
Events have three functions:
addListener(listener)
-
Adds a listener to this event.
removeListener(listener)
-
Stop listening to this event. The
listener
argument is the listener to remove. hasListener(listener)
-
Check whether
listener
is registered for this event. Returnstrue
if it is listening,false
otherwise.
addListener syntax
Parameters
listener
-
The function called when this event occurs. The function is passed this argument:
filter
Optional-
object
. An object containing a single propertyurl
, which is anArray
ofevents.UrlFilter
objects. If you include this parameter, then the event fires only for transitions to URLs which match at least oneUrlFilter
in the array. If you omit this parameter, the event fires for all transitions.
Additional objects
details
tabId
-
integer
. The ID of the tab in which the navigation has occurred. url
-
string
. The URL to which the given frame has navigated. processId
Optional Deprecated-
integer
. This value is not set in modern browsers. When it was set, it represented the ID of the process running the renderer for this tab. frameId
-
integer
. Frame in which the navigation is occurring.0
indicates that navigation happens in the tab's top-level browsing context, not in a nested<iframe>
. A positive value indicates that navigation happens in a nested iframe. Frame IDs are unique for a given tab and process. timeStamp
-
number
. The time at whichDOMContentLoaded
was fired, in milliseconds since the epoch.
Browser compatibility
BCD tables only load in the browser
Examples
Logs the target URLs for onDOMContentLoaded
, if the target URL's hostname contains "example.com" or starts with "developer".
const filter = {
url: [{ hostContains: "example.com" }, { hostPrefix: "developer" }],
};
function logOnDOMContentLoaded(details) {
console.log(`onDOMContentLoaded: ${details.url}`);
}
browser.webNavigation.onDOMContentLoaded.addListener(
logOnDOMContentLoaded,
filter,
);
Note:
This API is based on Chromium's chrome.webNavigation
API. This documentation is derived from web_navigation.json
in the Chromium code.