问更新后重新注入内容脚本
EN

Stack Overflow用户

提问于 2013-08-28 10:31:47

回答 2查看 3.9K关注 0票数 9

我有一个铬的扩展，它向每个打开的标签注入一个iframe。我的background.js中有一个background.js侦听器，它按如下方式手动注入所需的脚本(下面是API的详细信息：http://developer.chrome.com/extensions/runtime.html#event-onInstalled )：

background.js

  var injectIframeInAllTabs = function(){
    console.log("reinject content scripts into all tabs");
    var manifest = chrome.app.getDetails();
    chrome.windows.getAll({},function(windows){
      for( var win in windows ){
        chrome.tabs.getAllInWindow(win.id, function reloadTabs(tabs) {
          for (var i in tabs) {
            var scripts = manifest.content_scripts[0].js;
            console.log("content scripts ", scripts);
            var k = 0, s = scripts.length;
            for( ; k < s; k++ ) {
              chrome.tabs.executeScript(tabs[i].id, {
                file: scripts[k]
              });
            }

          }
        });
      }
    });
  };

当我第一次安装这个扩展的时候，它工作得很好。当我的扩展更新时，我也想做同样的事情。如果我也在update上运行相同的脚本，我就不会看到一个新的iframe注入。不仅如此，如果我在更新后尝试向内容脚本发送消息，则所有消息都不会传递到内容脚本。我也看到其他人在SO (Chrome: message content-script on runtime.onInstalled)上也遇到了同样的问题。在chrome扩展更新之后，删除旧内容脚本和注入新脚本的正确方法是什么？

google-chrome-extension

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-28 14:58:48

当扩展更新时，Chrome会自动切断与后台页面对话的所有“旧”内容脚本，如果旧内容脚本确实试图与运行时通信，它们也会抛出异常。这是我丢失的那块。我所做的就是，在chrome.runtime.onInstalled in bg.js中，我调用与问题中发布的方法相同的方法。这将注入另一个与正确运行时对话的iframe。在某个时候，旧的内容脚本试图与失败的运行时对话。我捕捉到了这个异常，并删除了旧的内容脚本。还请注意，每个iframe都被注入到自己的“孤立世界”(隔离世界在这里解释：http://www.youtube.com/watch?v=laLudeUmXHM)，因此新注入的iframe无法清除旧的挥之不去的iframe。

希望这对将来的人有帮助！

票数 6

Stack Overflow用户

发布于 2013-08-28 10:55:48

没有办法“删除”旧的内容脚本(除了使用window.location.reload重新加载有问题的页面外，这是不好的)

如果您想在内容脚本中执行哪些代码更灵活，请在executeScript函数中使用" code“参数，它允许您传递带有javascript代码的原始字符串。如果您的内容脚本只是一个大函数(即content_script_function)，它位于background.js中

在background.js中

function content_script_function(relevant_background_script_info) {
   // this function will be serialized as a string using .toString()
   // and will be called in the context of the content script page
   // do your content script stuff here...
}

function execute_script_in_content_page(info) {
  chrome.tabs.executeScript(tabid,
    {code: "(" + content_script_function.toString() + ")(" +
     JSON.stringify(info) + ");"});
}

chrome.tabs.onUpdated.addListener(
  execute_script_in_content_page.bind( { reason: 'onUpdated',
                                         otherinfo: chrome.app.getDetails() });

chrome.runtime.onInstalled.addListener(
  execute_script_in_content_page.bind( { reason: 'onInstalled',
                                         otherinfo: chrome.app.getDetails() });
)