Javascript Chrome扩展:我希望在网页完全加载后注入内容脚本

Javascript Chrome扩展:我希望在网页完全加载后注入内容脚本,javascript,google-chrome-extension,content-script,Javascript,Google Chrome Extension,Content Script,我正在开发一个Chrome扩展,它可以找到所需的标记名并更改其样式 但是,当网页仍在加载时,会插入内容脚本,因此无法找到所需的标记名,程序将结束 我希望在网页完全加载后注入内容脚本。我该怎么办?Chrome有一个Chrome.tabs.onUpdate事件,您可以收听。有一个名为changeInfo.status的属性,您可以检查页面是否已加载。 您需要将其添加到后台脚本中 如果要检查页面是否已加载,可以添加此条件 chrome.tabs.onUpdated.addListener(funct

我正在开发一个Chrome扩展,它可以找到所需的标记名并更改其样式

但是,当网页仍在加载时,会插入内容脚本,因此无法找到所需的标记名,程序将结束


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

Chrome有一个
Chrome.tabs.onUpdate
事件,您可以收听。有一个名为
changeInfo.status
的属性,您可以检查页面是否已加载。 您需要将其添加到
后台
脚本中

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

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

您可以在窗口对象上的“DOMContentLoaded”事件上添加eventListener

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