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