Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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

chrome.webNavigation.onCompleted.addListener(
  function(details) {...}     // function
  filter                      // optional object 
)
chrome.webNavigation.onCompleted.removeListener(listener)
chrome.webNavigation.onCompleted.hasListener(listener)

This API is also available as browser.webNavigation.onCompleted.*.

Events have three functions:

addListener(callback)
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. Returns true if it is listening, false otherwise.

addListener syntax

Parameters

callback

Function that will be called when this event occurs. The function will be passed the following arguments:

details
object. Details about the navigation event.
filterOptional

object. An object containing a single property url, which is an Array of events.UrlFilter objects. If you include this parameter, then the event will fire only for transitions to URLs which match at least one UrlFilter in the array. If you omit this parameter, the event will fire for all transitions. Note that filter is not supported in Firefox.

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. 0 indicates 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

Chrome Edge Firefox Firefox for Android Opera
Basic support Yes Yes 45.0 48.0 33

Compatibility notes

Chrome

  • If the filter parameter is empty, Chrome matches all URLs.

Edge

  • Filtering is not supported.

Firefox

  • Filtering is supported from version 50.
  • If the filter parameter is empty, Firefox raises an exception.

Firefox for Android

  • Filtering is supported from version 50.
  • If the filter parameter is empty, Firefox raises an exception.

Opera

  • If the filter parameter is empty, Opera matches all URLs.

Examples

Logs the target URLs for onCompleted, if the target URL's hostname contains "example.com" or starts with "developer".

var filter = {
  url:
  [
    {hostContains: "example.com"},
    {hostPrefix: "developer"}
  ]
}

function logOnCompleted(details) {
  console.log("onCompleted: " + details.url);
}

chrome.webNavigation.onCompleted.addListener(logOnCompleted, filter);

Acknowledgements

This API is based on Chromium's chrome.webNavigation API. This documentation is derived from web_navigation.json in the Chromium code.

Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.

Document Tags and Contributors

 Contributors to this page: Makyen, wbamberg
 Last updated by: Makyen,