Chrome擴展程序如何響應按鈕在頁面中的點擊？

Question

我正在嘗試編寫Chrome擴展程序，我希望它能夠響應類似於按鈕，G +按鈕等Facebook按鈕的單擊。這意味着我希望擴展程序可以在任何頁面上使用，但是僅響應具有特定ID或其他內容的按鈕，這對於JSON清單的“ permission”和/或“ matches”項似乎很棘手。

由於我不熟悉擴展程序，因此我應該讓按鈕具有自己的javascript函數以某種方式調用/激活擴展程序，還是應該讓該擴展程序具有一個事件偵聽器（是否在內容腳本中）？特定的按鈕單擊事件？

注意：我看了這個問題，但是在這種情況下，擴展名是針對特定網頁的，因此我不相信答案對我有用。

Answer 1

您需要做的第一件事是擴展程序應該在所有頁面上都可以使用，因此在清單中包括您的內容腳本，如下所示：

"content_scripts": [
    {
        "matches": [
            "<all_urls>"
        ],
        "js": [
            "jquery.js",
            "myscript.js"
        ]
    }

這將在每個頁面中注入myscript.js。 現在，只需檢查您所需的按鈕是否存在。 例如：

if(document.getElementById('gplus') != null) {
   // Add your implementation.
   var g = document.getElementById('gplus');
   g.click = funct;
}

現在根據自己定義函數funct（）。

Answer 2

嘗試使用內容腳本。 它們的行為就像是頁面的一部分。 如果我有一個document.getelementbyid("#hi").onclick=function(){}; 如果有人在當前頁面中單擊ID為“ hi”的按鈕，則會觸發該事件。

有關更多信息， 請訪問： https : //developer.chrome.com/extensions/content_scripts