webNavigation.onHistoryStateUpdated

Fired when the page used the >history API to update the URL displayed in the browser's location bar. All future events for this frame will use the updated URL.

Syntax

browser.webNavigation.onHistoryStateUpdated.addListener(
  listener,                   // function
  filter                      // optional object
)
browser.webNavigation.onHistoryStateUpdated.removeListener(listener)
browser.webNavigation.onHistoryStateUpdated.hasListener(listener)

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.

Additional objects

details

tabId

integer. The ID of the tab in which the navigation is about to occur.

url

string. The URL to which the given frame will navigate.

processId

integer. The ID of the process in which this tab is being rendered.

frameId

integer. Frame in which the navigation will occur. 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 that the URL was changed by the history API, in milliseconds since the epoch.

transitionType

transitionType. The reason for the navigation: for example, "link" if the user clicked a link.

transitionQualifiers

Array of transitionQualifier. Extra information about the navigation: for example, whether there was a server or client redirect.

Browser compatibility

Examples

Logs the target URLs and extra transition information for onHistoryStateUpdated, if the target URL's hostname contains "example.com" or starts with "developer".

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

function logOnHistoryStateUpdated(details) {
  console.log(`onHistoryStateUpdated: ${details.url}`);
  console.log(`Transition type: ${details.transitionType}`);
  console.log(`Transition qualifiers: ${details.transitionQualifiers}`);
}

browser.webNavigation.onHistoryStateUpdated.addListener(logOnHistoryStateUpdated, filter);