chrome.tabs.onCreated 和 Chrome 扩展的执行脚本不起作用

Question

我正在尝试在另一个外部页面内执行一些脚本，关闭新的标签侦听器。

background.js

function onCreatedChrome(){
    chrome.tabs.onCreated.addListener(function(tab) {
        if (tab.url.indexOf("chrome-devtools://") == -1) {
            localStorage.setItem("tabid", tab.id);
            chrome.tabs.executeScript(tab.id, {code: "alert('Hello World')"}, function() {
                if (chrome.runtime.lastError) {
                    localStorage.setItem("Error", chrome.runtime.lastError.message);
                    console.error(chrome.runtime.lastError.message);
                }
                else{
                    localStorage.setItem("Else case", "This should work")
                }
            });
        }
    });
}


function createTab(){
    return function(){
        var url = "https://www.yahoo.com/";
        chrome.tabs.create({ url: url });
    }
}

$(document).ready(function(){
    onCreatedChrome();
    $("#button").click(createTab());
});

manifest.json

{
  "manifest_version": 2,

  "name": "Execute Script",
  "description": "ExecuteScript extension",
  "version": "1.0",

  "permissions": [
    "activeTab",
    "tabs",
    "http://*/*",
    "https://www.yahoo.com/*"
  ],
  "content_scripts": [
    {
      "matches": ["https://*/*"],
      "js": ["jquery.js"]
    }
  ],
  "background":{
    "scripts": ["background.js", 
                "jquery.js"]
  },
  "browser_action": {
    "default_popup": "index.html"
  }
}

index.html

<html>
    <head></head>
    <body>
        <button id="button">Click Me</button>
    </body>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="background.js"></script>
</html>

我希望将 alert('Hello World') 注入 Yahoo! 的主页（这只是我在另一个扩展中尝试做的一个例子）

Answer 1

您的代码存在问题是因为您在 background.js 文件之后添加了 jQuery.js 这是修复：

"background":{
    "scripts": ["jquery.js",
                "background.js"]
  },

executeScrit任务的另一种选择：

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if (changeInfo.status != 'complete')
        return;
    if (tab.url.indexOf('yahoo.com') != -1) {
        chrome.tabs.executeScript(tabId, {
            code: 'alert(1)'
        });
    }
});

chrome.tabs.onCreated 和 Chrome 扩展的执行脚本不起作用

chrome.tabs.onCreated and executescript for Chrome Extensions not working

javascript

jquery

google-chrome

google-chrome-extension