webNavigation.onCompleted
Fired when a document, including the resources it refers to, is completely loaded and initialized. This is equivalent to the DOM load event.
Syntax
js
browser.webNavigation.onCompleted.addListener(
  listener,                   // function
  filter                      // optional object
)
browser.webNavigation.onCompleted.removeListener(listener)
browser.webNavigation.onCompleted.hasListener(listener)
Events have three functions:
- addListener(listener)
- 
    Adds a listener to this event. 
- removeListener(listener)
- 
    Stop listening to this event. The listenerargument is the listener to remove.
- hasListener(listener)
- 
    Check whether listeneris registered for this event. Returnstrueif it is listening,falseotherwise.
addListener syntax
Parameters
- listener
- 
    The function called when this event occurs. The function is passed this argument: - details
- 
        object. Details about the navigation event. See the details section for more information.
 
- filterOptional
- 
    object. An object containing a single propertyurl, which is anArrayofevents.UrlFilterobjects. If you include this parameter, then the event fires only for transitions to URLs which match at least oneUrlFilterin 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
- 
    integer. The ID of the process in which this tab is being rendered.
- frameId
- 
    integer. Frame in which the navigation has occurred.0indicates that navigation happened in the tab's top-level browsing context, not in a nested<iframe>. A positive value indicates that navigation happened in a nested iframe. Frame IDs are unique for a given tab and process.
- timeStamp
- 
    number. The time at which the page finished loading, in milliseconds since the epoch.
Browser compatibility
BCD tables only load in the browser
Examples
Logs the target URLs for onCompleted, if the target URL's hostname contains "example.com" or starts with "developer".
js
const filter = {
  url:
  [
    {hostContains: "example.com"},
    {hostPrefix: "developer"}
  ]
}
function logOnCompleted(details) {
  console.log(`onCompleted: ${details.url}`);
}
browser.webNavigation.onCompleted.addListener(logOnCompleted, filter);
Example extensions
Note: This API is based on Chromium's chrome.webNavigation API. This documentation is derived from web_navigation.json in the Chromium code.