Chrome扩展程序 - 在注入脚本

时间:2015-11-26 12:05:51

标签: javascript google-chrome google-chrome-extension

我正在编写一个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"]
}

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

Sample output on console

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

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

  1. 在标签ID为86的标签中加载的第一件事是与我的Google帐户相关的内容。我已经退出并关闭了chrome的预呈现功能。
  2. 按几次输入选项卡已关闭错误,但与background.js保持chrome.runtime连接的脚本断开连接。
  3. 然后终于工作正常。
  4. 我几天来一直在喋喋不休。关于SO的其他问题没有解决这个问题。也不是互联网上的任何其他地方。

    修改

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

    更新#1

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

    更新#2

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

    Sample output number 2

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

2 个答案:

答案 0 :(得分:0)

"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可能会用重定向代替那些渲染器。因此,请进一步研究页面状态和重定向/渲染器替换。希望这对遇到这个问题的人有所帮助。

答案 1 :(得分:0)

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