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