Chrome扩展程序可在图标按下时触发点击事件

Question

我正在尝试为Chrome扩展程序，以便单击该图标时，它会触发相关网页中的div上的click事件。 我不知道。 谁能看到或告诉我我在做什么错？ 这有可能吗？

Manifest.json

{
        "name": "Name",
        "version": "1.0",
        "manifest_version": 2,

    "icons": {
     "128": "icon128.png",
     "48": "icon.png"
   },
        "browser_action": {
        "name": "Name"
        },
        "background":{
            "scripts":["background.js"]
        },
        "permissions":["https://inbox.google.com/*"] //Put All your URL here
 }

背景

chrome.browserAction.onClicked.addListener(function (tab) {
    if (tab.url.indexOf("https://inbox.google.com/*") != -1) {
        chrome.tabs.executeScript(tab.id, {
            "file": "clicky.js"
        }, function () {
            console.log("Script Executed .. ");
        });
    }
});

js

$('.b2')[0].click()

Answer 1

您没有在manifest.json包括jquery，并且您无权访问页面的jQuery实例（请参阅 ），因此您不能在内容脚本上使用jQuery。

假设存在一个带有'b2'类的元素，请将clicky.js的代码更改为此，它应该可以工作：

var btn = document.querySelector('.b2');

if(btn){
   btn.click();
}

编辑

另外，在background.js ，当您调用indexOf时，请删除通配符：

if (tab.url.indexOf("https://inbox.google.com/") != -1) {