webNavigation.onDOMContentLoaded
在页面中触发 DOMContentLoaded 事件时触发。此时,文档被加载和解析,并且 DOM 被完全构造,但链接的资源(例如图像、样式表和子框架)可能尚未被加载。
语法
js
browser.webNavigation.onDOMContentLoaded.addListener(
listener, // 函数
filter // 可选对象
)
browser.webNavigation.onDOMContentLoaded.removeListener(listener)
browser.webNavigation.onDOMContentLoaded.hasListener(listener)
事件有三个方法:
addListener(callback)
-
为此事件添加监听方法。
removeListener(listener)
-
停止监听此事件。
listener
参数为需要移除的监听器。 hasListener(listener)
-
检测是否有
listener
被注册在事件上。如有则返回true
,否则返回false
。
addListener 语法
参数
额外对象
details
浏览器兼容性
BCD tables only load in the browser
示例
如果目标 URL 的主机名包含“example.com”或以“developer”开头,则记录“onDOMContentLoaded”的目标 URL。
js
const filter = {
url: [{ hostContains: "example.com" }, { hostPrefix: "developer" }],
};
function logOnDOMContentLoaded(details) {
console.log(`onDOMContentLoaded: ${details.url}`);
}
browser.webNavigation.onDOMContentLoaded.addListener(
logOnDOMContentLoaded,
filter,
);
备注:本 API 基于 Chromium 的 chrome.webNavigation
API。本文档源自 Chromium 代码中的 web_navigation.json
。