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) {