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条评论
登录后参与评论

相关文章

来自分类Dev

使对象响应按钮单击

来自分类Dev

Dart Chrome扩展程序:如何在onMessage中发送响应?

来自分类Dev

如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

来自分类Dev

如何防止在Chrome扩展程序中接收响应头时下载

来自分类Dev

如何在Chrome扩展程序的当前页面中激活所有cookie?

来自分类Dev

如何在Chrome扩展程序中获取下载页面的网址?

来自分类Dev

单击按钮时如何在Android应用程序中链接两个xml页面?

来自分类Dev

扩展程序页面中的Chrome图标

来自分类Dev

如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

来自分类Dev

在chrome扩展程序中,如何使用内容脚本注入Vue页面

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何通过扩展程序检测Google Chrome中页面标题的更改?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Dart Chrome扩展程序:如何在onMessage中发送响应?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

无响应按钮

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Android DrawerLayout不响应按钮单击事件

来自分类Dev

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

来自分类Dev

重力形式的响应按钮

来自分类Dev

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

来自分类Dev

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

来自分类Dev

CButton派生的'SubclassDlgItem'在VS2015 CLR的CDialogBar上不可见,但响应按钮单击,在VC ++ 6中工作正常

来自分类Dev

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

来自分类Dev

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

Related 相关文章

  1. 1

    使对象响应按钮单击

  2. 2

    Dart Chrome扩展程序:如何在onMessage中发送响应?

  3. 3

    如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

  4. 4

    如何防止在Chrome扩展程序中接收响应头时下载

  5. 5

    如何在Chrome扩展程序的当前页面中激活所有cookie?

  6. 6

    如何在Chrome扩展程序中获取下载页面的网址?

  7. 7

    单击按钮时如何在Android应用程序中链接两个xml页面?

  8. 8

    扩展程序页面中的Chrome图标

  9. 9

    如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

  10. 10

    在chrome扩展程序中,如何使用内容脚本注入Vue页面

  11. 11

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

  12. 12

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

  13. 13

    如何通过扩展程序检测Google Chrome中页面标题的更改?

  14. 14

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

  15. 15

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

  16. 16

    Dart Chrome扩展程序:如何在onMessage中发送响应?

  17. 17

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

  18. 18

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

  19. 19

    无响应按钮

  20. 20

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

  21. 21

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

  22. 22

    Android DrawerLayout不响应按钮单击事件

  23. 23

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

  24. 24

    重力形式的响应按钮

  25. 25

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

  26. 26

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

  27. 27

    CButton派生的'SubclassDlgItem'在VS2015 CLR的CDialogBar上不可见,但响应按钮单击,在VC ++ 6中工作正常

  28. 28

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

  29. 29

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

热门标签

归档