webNavigation.onCompleted

当文档(包括其引用的资源)完全加载并初始化时触发。这等效于 DOM load 事件。

语法

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

事件具有三个功能

addListener(listener)

向此事件添加侦听器。

removeListener(listener)

停止侦听此事件。listener 参数是要删除的侦听器。

hasListener(listener)

检查是否为此事件注册了 listener。如果正在侦听,则返回 true,否则返回 false

addListener 语法

参数

listener

发生此事件时调用的函数。该函数将传递此参数

details

object。有关导航事件的详细信息。有关更多信息,请参阅 details 部分。

filter 可选

object。一个包含单个属性 url 的对象,该属性是一个 events.UrlFilter 对象的 Array。如果您包含此参数,则事件仅针对与数组中至少一个 UrlFilter 匹配的 URL 的转换触发。如果您省略此参数,则事件将针对所有转换触发。

其他对象

details

tabId

integer。发生导航的标签的 ID。

url

string。给定框架导航到的 URL。

processId 可选 已弃用

integer。此值在现代浏览器中未设置。当它被设置时,它表示运行此标签渲染器的进程的 ID。

frameId

integer。发生导航的框架。0 表示导航发生在标签的顶级浏览上下文中,而不是嵌套的 <iframe> 中。正值表示导航发生在嵌套的 iframe 中。框架 ID 对给定的标签和进程是唯一的。

timeStamp

number。页面完成加载的时间,以 自纪元以来的毫秒数 为单位。

浏览器兼容性

BCD 表格仅在浏览器中加载

示例

记录 onCompleted 的目标 URL,如果目标 URL 的主机名包含“example.com”或以“developer”开头。

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

function logOnCompleted(details) {
  console.log(`onCompleted: ${details.url}`);
}

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

扩展示例

注意:此 API 基于 Chromium 的 chrome.webNavigation API。本文档源自 Chromium 代码中的 web_navigation.json