页面加载代码上的 Javascript 使其重新加载 chrome 扩展

Question

我正在构建一个 chrome 扩展。

我想在页面加载时执行一个函数:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {
      var tabUrl =  tab.url ;
      //code ...
  }
});

这样加载会花费很多时间，加载完成后又开始另一个加载。这是另一种好方法吗？

Answer 1

根据您的代码所在的位置，您可以使用以下两种方式:(假设您的逻辑是 func()

1. 内容脚本。如果您的代码位于内容脚本中，您可以直接调用 func 而无需监听任何事件。因为默认情况下(不设置 run_at)，run_at 将为 document_idle，这意味着您的脚本将在 window.onload< 之后加载 事件触发。或者，如果您愿意，您可以设置 run_at: document_start，然后监听 window.onload 事件。

2. 背景页面。如果你想在后台监控当前页面，可以听webNavigation.onCompleted事件，当文档(包括它引用的资源)完全加载并初始化时触发。