webNavigation.onCreatedNavigationTarget

Fired when a new window, or a new tab in an existing window, is created to host the target of a navigation. For example, this event is sent when:

  • the user opens a link in a new tab or window
  • a web page loads a resource into a new tab or window using window.open() (but note that the event is not sent if the browser's popup blocker blocks the load).

The event is not sent if a tab or window is created without a navigation target (for example, if the user opens a new tab by pressing Ctrl+T).

If this event is fired, it will be fired before webNavigation.onBeforeNavigate.

Syntax

browser.webNavigation.onCreatedNavigationTarget.addListener(
  listener,                   // function
  filter                      // optional object
)
browser.webNavigation.onCreatedNavigationTarget.removeListener(listener)
browser.webNavigation.onCreatedNavigationTarget.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. See details below.
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

sourceFrameId
integer. ID of the frame from which the navigation is initiated. 0 indicates that the frame is the tab's top-level browsing context, not a nested <iframe>. A positive value indicates that navigation is initiated from a nested iframe. Frame IDs are unique for a given tab and process.
sourceProcessId
integer. The ID of the process from which the navigation is initiated.
sourceTabId
integer. The ID of the tab from which the navigation is initiated. For example, if the user opens a link in a new tab, this will be the ID of the tab containing the link.
tabId
integer. The ID of the newly created tab.
timeStamp
number. The time when the browser created the navigation target, in milliseconds since the epoch.
url
string. The URL which will be loaded in the new tab.
windowId
number. The ID of the window in which the new tab is created.

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
onCreatedNavigationTarget
Yes
If a blocked popup is unblocked by the user, the event is still not sent.
14
54
["If the filter parameter is empty, Firefox raises an exception.", "If a blocked popup is unblocked by the user, the event is then sent."]
?
17
If a blocked popup is unblocked by the user, the event is still not sent.
No
?
?
54
["If the filter parameter is empty, Firefox raises an exception.", "If a blocked popup is unblocked by the user, the event is then sent.", "This event is only sent in the 'window.open()' case."]
?
?
?
sourceProcessId
Yes
14
No
?
17
No
?
?
No
?
?
?
windowId
No
14-79
54
?
17
No
?
?
54
?
?
?

Examples

Logs the target URL, source Tab ID, and source frame ID for onCreatedNavigationTarget, if the target's hostname contains "example.com" or starts with "developer".

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

function logOnCreatedNavigationTarget(details) {
  console.log(`onCreatedNavigationTarget: ${details.url}`);
  console.log(details.sourceTabId);
  console.log(details.sourceFrameId);
}

browser.webNavigation.onCreatedNavigationTarget.addListener(logOnCreatedNavigationTarget, filter);

Note: 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.

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/webNavigation/onCreatedNavigationTarget