chrome扩展脚本在某些页面上加载了两次甚至更多

Ali*_*eza 11 javascript google-chrome-extension

这是我的background.js文件

 chrome.tabs.onUpdated.addListener(function(tabId,info, tab) {
    var sites =new Array('site2','site1');
    var url=tab.url;
    var siteFlag=0;
    for(var i in sites) {
       var regexp = new RegExp('.*' + sites[i] + '.*','i');
       if (regexp.test(url)) {siteFlag=1;}
    };
    if(siteFlag==1){
      chrome.tabs.executeScript(tabId, {file:"contentscript.js"});
      chrome.tabs.executeScript(tabId, {file:"jquery.js"});
      chrome.tabs.insertCSS(tabId,{file:"box.css"});
    }
 });
Run Code Online (Sandbox Code Playgroud)

在contentscript.js中,我只需运行一个弹出框.

$(document).ready(function () {
    function popup() {...}
    if (window.addEventListener)
    {
        window.addEventListener('load', popup(), false); 
    } 
    else if (window.attachEvent)
    {
        window.attachEvent('onload', popup());
    }
});
Run Code Online (Sandbox Code Playgroud)

有些页面有一个弹出框,有两个甚至更多的页面

问题是什么?

=============编辑==================

那些页面包含Iframe

Kon*_*nel 9

chrome.tabs.onUpdated.addListener选项卡状态更改时会触发,这与iframe无关.您的脚本会多次注入同一帧,因为您为每次状态更改注入了它,并且只有在状态更改为"complete"时才要注入它.修改代码,添加if (changeInfo.status == "complete") {:

chrome.tabs.onUpdated.addListener(function(tabId,info, tab) {
   if (info.status == "complete") {
      /* checking & injecting stuff */
   }
});
Run Code Online (Sandbox Code Playgroud)


小智 7

我不确定为什么内容脚本加载两次.但我也有这个问题.我将以下内容添加到manifest.json中的"content_scripts"元素,它工作得很好.

"content_scripts" : [
    {
        "all_frames" : false,
        "run_at" : "document_end",
    }
]
Run Code Online (Sandbox Code Playgroud)

最后,manifest.json:

{
    "name": "ABC",
    "version": "0.0.0.1",
    "manifest_version": 2,
    "key": "longkeyhere",
    "description": "Description",
    "minimum_chrome_version": "29",
    "background": {
        "scripts": [
            "jquery.js",
            "jquery.min.js",
        ]
    },
    "content_scripts" : [
        {
            "all_frames" : false,
            "run_at" : "document_end",
            "matches" : [ "http://*/*" ],
            "js" : [
                "jquery.js",
                "jquery.min.js",
            ]
        }
    ],
    "options_page": "options.html",
    "permissions": [
        "http://*/*",
        "https://*/*",
        "contextMenus",
        "tabs",
        "identity",
        "storage"
    ]
}
Run Code Online (Sandbox Code Playgroud)