Javascript Chrome扩展如何响应页面中的按钮点击?

Javascript Chrome扩展如何响应页面中的按钮点击?,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我第一次尝试写一个Chrome扩展,我希望它能响应一个类似facebook按钮、G+按钮等的按钮点击。这意味着我希望该扩展能在任何页面上工作,但只能响应一个带有特定ID或其他内容的按钮,这在“权限”和/或“匹配”方面似乎很棘手JSON清单的项 因为我不熟悉扩展,我应该让按钮有自己的javascript函数来调用/激活扩展,还是让扩展有一个事件监听器(这会在内容脚本中?)来监听特定的按钮点击事件 注:我看了一下 但这种情况下的扩展是针对特定网页的,所以我不相信答案对我有用。尝试使用内容脚本。 它们

我第一次尝试写一个Chrome扩展,我希望它能响应一个类似facebook按钮、G+按钮等的按钮点击。这意味着我希望该扩展能在任何页面上工作,但只能响应一个带有特定ID或其他内容的按钮,这在“权限”和/或“匹配”方面似乎很棘手JSON清单的项

因为我不熟悉扩展,我应该让按钮有自己的javascript函数来调用/激活扩展,还是让扩展有一个事件监听器(这会在内容脚本中?)来监听特定的按钮点击事件

注:我看了一下 但这种情况下的扩展是针对特定网页的,所以我不相信答案对我有用。

尝试使用内容脚本。 它们的行为就像是页面的一部分。如果我有一个
document.getelementbyid(“#hi”).onclick=function(){}
如果有人在当前页面中单击id为“hi”的按钮,事件将触发


阅读更多信息:

您需要做的第一件事是您的扩展应该可以在所有页面上工作,所以请在清单中包含您的内容脚本,如下所示:

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

现在根据您自己定义函数funct()

使用内容脚本;从内容脚本实现这样一个按钮没有比从每个网页自己实现更难的了。如果这回答了你的问题。您还可以将该“按钮”实现为扩展页面的iframe(如chrome)-extension://yourextensionid/button.html). 不管什么对你有用,都取决于问题。谢谢你,我没有意识到。”
if(document.getElementById('gplus') != null) {
   // Add your implementation.
   var g = document.getElementById('gplus');
   g.click = funct;
}