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

Javascript on page load code make it reload chrome extension

本文关键字:加载 新加载 chrome 扩展 代码 Javascript      更新时间:2024-05-22

我正在构建一个chrome扩展。

我想在页面加载上执行一个功能:

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

这样加载需要花费大量时间,并且在完成加载后,它会启动另一个加载。哪一种是另一种好方法?

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

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

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