chrome 扩展不适用于安全站点 https

Question

我编写了一个 chrome 扩展，但它似乎不适用于 https 网站。它目前是一个将脚本注入页面的背景页面。它也运行 jquery 和一些库。到目前为止，我发现这样做的唯一方法是运行一个后台页面，并使用 chrome.tabs.executescript。如果有人知道更好的方法，那也会有所帮助。

我已经添加了对 http 和 https 站点的权限，所以我认为这就足够了。请有人帮忙，谢谢。

清单：

 {
  "name": "My First Extension",  
  "version": "1.0",  
  "description": "The first extension that I made.",  
  "background_page": "popup.html",  
  "permissions": ["tabs", "http://*/*", "https://*/*"]  
 }  

popup.html

<script type="text/javascript">  

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab)  
{  
    if(changeInfo.status == "loading")  
    {  
        chrome.tabs.insertCSS(null, { file: "jquery-ui-1.8.10.custom.css" }, null);  
        chrome.tabs.executeScript(null, { file: "jquery.min.js" }, null);  
        chrome.tabs.executeScript(null, { file: "jquery-ui-1.8.10.custom.min.js" }, null);  
        chrome.tabs.executeScript(null, { file: "jquery.hotkeys-0.7.9.min.js" }, null);  
        chrome.tabs.executeScript(null, { file: "custom.js" }, null);  
    }  
})  

</script>  

文件 custom.js 是我进行编码的地方。

谢谢

Answer 1

尝试将“conent_scripts”添加到 manifest.json：

"content_scripts": [
    {
            "matches": ["http://*/*", "https://*/*"],
            "css": ["empty.css"]
    }]

您必须指定“css”或“文件”。在我的插件中，脚本是动态加载的，所以我只使用了一个虚拟 css 文件。

另请参阅：http://code.google.com/chrome/extensions/content_scripts.html

Answer 2

可能依赖项有问题。所有对 executeScript 的调用都是异步的。因此，当您开始注入 jquery 热键时，您不能假设已注入 jquery。你最好使用这样的东西：

var runScripts = function(tabId, scripts, cb) {
        var current = scripts.shift();
        if (current) {
            chrome.tabs.executeScript(tabId, {file: current}, function(a) {
                console.log("Finished running script:", current);
                runScripts(tabId, scripts, cb);
            });
        } else {
            cb();
        }
    };

chrome.tabs.insertCSS(null, {file: "jquery-ui-1.8.10.custom.css"}, function () {
    runScripts( null, ["jquery.min.js", "jquery-ui-1.8.10.custom.min.js", "jquery.hotkeys-0.7.9.min.js", "custom.js"], function() {}); 
});