Chrome扩展程序如何响应按钮在页面中的单击?

布鲁克斯·约翰逊

我正在尝试编写Chrome扩展程序,并且希望它响应类似于按钮,G +按钮等Facebook按钮的单击。这意味着我希望该扩展程序可以在任何页面上使用,但是仅响应具有特定ID或其他内容的按钮,这对于JSON清单的“ permission”和/或“ matches”项似乎很棘手。

由于我不熟悉扩展程序,因此我应该让按钮具有自己的javascript函数以某种方式调用/激活扩展程序,还是应该让该扩展程序具有一个事件侦听器(是否在内容脚本中)?特定的按钮单击事件?

注意:我看了这个问题,但是在这种情况下,扩展名是针对特定网页的,因此我不相信答案对我有用。

巴拉格·甘吉尔

您需要做的第一件事是扩展程序应该在所有页面上都可以使用,因此在清单中包括您的内容脚本,如下所示:

"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()。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chrome扩展程序-使用热键单击页面上的元素(按钮)

单击按钮的Chrome扩展程序

单击扩展后如何在Chrome扩展程序中维护按钮状态。(JavaScript)

如何在导航栏中做出响应按钮?

如何使用Chrome扩展程序中的内容脚本在页面上添加按钮/图像?

Chrome扩展程序:单击按钮后如何将html表单数据发送到php页面,该页面重定向到该php页面

单击相应按钮时,在单个Web浏览器中显示几个html页面?

Chrome 扩展程序:如何通过单击 html 弹出窗口中的按钮在新选项卡中打开指定链接?

Android DrawerLayout不响应按钮单击事件

GUI没有响应按钮单击

jQuery不响应按钮单击(不提交)

无响应按钮

如何从Chrome扩展程序中打开的窗口获取背景页面?

如何重定向Google Chrome扩展程序中的某些页面?

如何在Chrome扩展程序中插入通知操作按钮?

Chrome扩展程序:¿如何从课程中获取按钮的href?

如何获取在jQuery中单击其相应按钮的表中的行的记录

单击相应按钮时如何在文本框中附加特殊符号

在jQuery中单击相应按钮后,如何上下移动li项目?

如何仅通过单击图标或按钮来导致Chrome扩展程序关闭

Chrome 扩展程序单击由 js 创建的按钮

在Chrome扩展程序中添加禁用按钮

Chrome扩展程序注入了Javascript按钮更改页面

重力形式的响应按钮

如何在我自己的扩展程序中获取刚打开的页面而不是 chrome 特殊页面

从外部xib / nib文件导入的自定义按钮不响应按钮单击

如何通过单击html页面中的按钮来启动Chrome打包的应用

xml布局已加载,但我的活动未响应按钮单击

无法在Chrome扩展页面中设置按钮样式