Chrome extension: 我想要网页完全加载后注入的内容脚本

Question

我正在开发一个 Chrome 扩展程序，它可以找到所需的标签名称并更改其样式。

但是，当网页还在加载的时候，内容脚本被注入，所以找不到想要的标签名称，程序结束。

我想在网页完全加载后注入内容脚本。我该怎么办

Answer 1

Chrome 有一个 chrome.tabs.onUpdated 事件你可以收听。有一个名为 changeInfo.status 的属性，您可以检查该页面是否已加载。您需要将其添加到 Background 脚本中。

如果您要检查页面是否已加载，您可以添加此条件

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
    if(changeInfo.status === 'complete') {
    //do stuff
    }
}

Answer 2

您可以在 window 对象的 'DOMContentLoaded' 事件上添加一个 eventListener。

 window.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
});

Chrome extension: I want the content script injected after the web page is fully loaded