Question

我正在编写一个chrome扩展程序，它可以检测正在打开的文件类型，并在页面上注入一个执行许多其他操作的脚本。以下是我注入脚本的background.js代码的一部分：

chrome.webRequest.onHeadersReceived.addListener(function(details){
        console.log("Here: " + details.url + " Tab ID: " + details.tabId);
        if(toInject(details))
        {   
            console.log("PDF Detected: " + details.url);
            if(some-condition) 
            {
                //some code
            }
            else
            {
                chrome.tabs.executeScript(details.tabId, { file: "contentscript.js", runAt: "document_start"}, function(result){
                    if(chrome.runtime.lastError)
                    {
                        console.log(chrome.runtime.lastError.message + " Tab ID: " + details.tabId);
                    }
                });
            }
            return {
            responseHeaders: [{
              name: 'X-Content-Type-Options', 
              value: 'nosniff'
            }, 
                {
              name: 'X-Frame-Options', 
                /*
                    Deny rendering of the obtained data.
                    Cant use {cancel:true} as we still need the frame to be accessible.
                */
              value: 'deny'
            }]
          };
        }
}, {
    urls: ['*://*/*'],
    types: ['main_frame', 'sub_frame']
}, ['blocking', 'responseHeaders']);

这是清单文件：

{
    "manifest_version": 2,

    "name": "ABCD",
    "description": "ABCD",
    "version": "1.2",

    "icons": {
        "16" :  "images/16.png",
        "32" :  "images/32.png",
        "48" :  "images/48.png",
        "128" :  "images/128.png"
    },

    "background": {
        "scripts": ["chrome.tabs.executeScriptInFrame.js", "background.js"],
        "persistent": true
    },

    "permissions": [
        "webRequest",
        "<all_urls>",
        "webRequestBlocking",
        "tabs",
        "nativeMessaging"
    ],
    "web_accessible_resources": [ "getFrameId", "aux.html", "chrome-extension:/*", "images/*.png", "images/*.gif", "style.css"]
}

问题在于，当注入脚本时，最后一个错误部分会运行并显示选项卡已关闭且未注入脚本。如果我按下多功能框上的输入几次注入脚本并且工作正常。以下是一系列事件：

抱歉我天真的照片编辑：P

我们可以从这张图片中推断出更多的东西：

在标签ID为86的标签中加载的第一件事是与我的Google帐户相关的内容。我已经退出并关闭了chrome的预呈现功能。
按几次输入选项卡已关闭错误，但与background.js保持chrome.runtime连接的脚本断开连接。
然后终于工作正常。

我几天来一直在喋喋不休。关于SO的其他问题没有解决这个问题。也不是互联网上的任何其他地方。

修改

还有一点需要注意：上图中显示的样本运行就是这样的。有许多不同的行为。有时3次进入不会使其发挥作用。有时只会一个人。由于我发送的自定义标题，有什么问题吗？

更新＃1

必须注意我在OnHeadersReceived中返回的标头。这样做是为了阻止chrome渲染文档。但是在这样做时，文件的所有数据都被转储到屏幕上，我不希望它出现。所以我认为我需要document_start以便我可以在我的内容脚本执行其他操作（例如在页面上放置自定义UI）之前隐藏转储的数据。

更新＃2

再注意一件事。如果我打开一个新标签，然后在那里粘贴一个网址，然后按回车键，以下是控制台上后台页面的输出。

所以我猜，窗口的位置稍后会被chrome更新。我对吗？任何解决方法？

Answer 1

"The tab was closed"错误消息有点令人误解，因为该选项卡显然没有关闭。在chrome来源中，带有字符串的变量称为kRendererDestroyed。因此，错误是因为相应的渲染器由于某种原因被破坏了。

如果在选项卡中打开的页面被重定向（因此一个渲染器被销毁，另一个渲染器为相同的选项卡创建，但是这次使用不同的URL），则出现错误，在这种情况下，扩展程序将获得状态为以下的选项卡更新：< / p>

loading网址：“ example.com”，此处选项卡已经返回到回调等，但是如果尝试注入脚本，则会出现错误
loading网址：“ example.com/other_url”
title: 'some title'
complete

我只有在收到status: 'complete'后才通过注入脚本来解决问题（但也可以在title上注入）

没有尝试使用pdf，但是chrome可能会用重定向代替那些渲染器。因此，请进一步研究页面状态和重定向/渲染器替换。希望这对遇到这个问题的人有所帮助。

Answer 2

一个简单的setTimeout调用，等待页面加载对我来说是有效的。

Chrome扩展程序 - 在注入脚本

2 个答案: