Chrome扩展程序内容脚本:click()和异步结果

布兰登

在某些页面上,我的chrome扩展程序注入的代码会刮取一些DOM节点的文本并将其发送到后台脚本。

仅在单击触发异步调用的按钮后,才能看到一个这样的节点-这是一个小的弹出窗口div,单击后会出现几毫秒。

我考虑过只onClick在内容脚本中复制按钮的代码,但是js相当复杂且丑陋,因此我还无法弄清楚调用在做什么。我也不确定是否可以从内容脚本访问站点js的名称空间。

我现在的计划是仅调用按钮的.click()方法并刮取结果div,但刮板找不到div

我认为这可能是异步延迟问题,因此要测试此问题,我设置了一个较长的超时时间:

document.querySelector('#buttonId').click();
setTimeout(console.log(document.querySelector('#popupDiv').innerText), 4500);

不幸的是,延迟函数仍然返回null

有没有更好的方法可以做到这一点?

丹尼尔先生

当使用带有id的querySelector时,您需要在它们前面加上“#”。

您还需要将超时包装在匿名函数中。

document.querySelector("#buttonId").click()
setTimeout(function() {
 console.log(document.querySelector("#popupDiv").textContent)
}, 4500)

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序后台页面和内容脚本同步

来自分类Dev

使用背景页面和内容脚本的Chrome扩展程序

来自分类Dev

在Chrome扩展程序中停止内容脚本

来自分类Dev

Chrome扩展程序内容脚本访问扩展程序框架

来自分类Dev

Chrome扩展程序中内容脚本和弹出脚本之间的消息传递

来自分类Dev

在Chrome扩展程序中将远程脚本作为内容脚本

来自分类Dev

Chrome扩展程序中内容脚本和背景页面之间消息传递的安全性

来自分类Dev

Chrome扩展程序(内容脚本和匹配模式)-仅匹配URL中的数字

来自分类Dev

Chrome扩展程序中内容脚本和背景页面之间消息传递的安全性

来自分类Dev

在注入的脚本和Google Chrome扩展程序代码/内容脚本之间传递消息的最安全方法是什么?

来自分类Dev

Chrome扩展程序内容脚本未触发代码

来自分类Dev

如何自动测试Chrome扩展程序中的内容脚本?

来自分类Dev

Chrome扩展程序:检查内容脚本是否已注入

来自分类Dev

从Chrome扩展程序中的内容脚本传递消息

来自分类Dev

Chrome扩展程序内容脚本自定义ui

来自分类Dev

从Chrome扩展程序内容脚本创建Web Worker

来自分类Dev

将按钮注入网站(Chrome扩展程序内容脚本)

来自分类Dev

Chrome扩展程序:如何全局捕获/处理内容脚本错误?

来自分类Dev

Chrome扩展程序内容脚本不起作用

来自分类Dev

Chrome扩展程序的内容脚本未注入特定网站

来自分类Dev

动态地注入内容脚本 - Chrome扩展程序

来自分类Dev

如何选择何时启动Chrome扩展程序的内容脚本?

来自分类Dev

从Chrome扩展程序中的内容脚本传递消息

来自分类Dev

是否可以通过Chrome扩展程序内容脚本修改Cookie?

来自分类Dev

从Chrome扩展程序内容脚本创建Web Worker

来自分类Dev

Chrome扩展程序:内容脚本未找到dom元素

来自分类Dev

Chrome扩展程序不显示内容脚本中的数据

来自分类Dev

Chrome扩展程序内容脚本中的Polymer元素

来自分类Dev

Chrome扩展程序内容脚本永远不会运行

Related 相关文章

  1. 1

    Chrome扩展程序后台页面和内容脚本同步

  2. 2

    使用背景页面和内容脚本的Chrome扩展程序

  3. 3

    在Chrome扩展程序中停止内容脚本

  4. 4

    Chrome扩展程序内容脚本访问扩展程序框架

  5. 5

    Chrome扩展程序中内容脚本和弹出脚本之间的消息传递

  6. 6

    在Chrome扩展程序中将远程脚本作为内容脚本

  7. 7

    Chrome扩展程序中内容脚本和背景页面之间消息传递的安全性

  8. 8

    Chrome扩展程序(内容脚本和匹配模式)-仅匹配URL中的数字

  9. 9

    Chrome扩展程序中内容脚本和背景页面之间消息传递的安全性

  10. 10

    在注入的脚本和Google Chrome扩展程序代码/内容脚本之间传递消息的最安全方法是什么?

  11. 11

    Chrome扩展程序内容脚本未触发代码

  12. 12

    如何自动测试Chrome扩展程序中的内容脚本?

  13. 13

    Chrome扩展程序:检查内容脚本是否已注入

  14. 14

    从Chrome扩展程序中的内容脚本传递消息

  15. 15

    Chrome扩展程序内容脚本自定义ui

  16. 16

    从Chrome扩展程序内容脚本创建Web Worker

  17. 17

    将按钮注入网站(Chrome扩展程序内容脚本)

  18. 18

    Chrome扩展程序:如何全局捕获/处理内容脚本错误?

  19. 19

    Chrome扩展程序内容脚本不起作用

  20. 20

    Chrome扩展程序的内容脚本未注入特定网站

  21. 21

    动态地注入内容脚本 - Chrome扩展程序

  22. 22

    如何选择何时启动Chrome扩展程序的内容脚本?

  23. 23

    从Chrome扩展程序中的内容脚本传递消息

  24. 24

    是否可以通过Chrome扩展程序内容脚本修改Cookie?

  25. 25

    从Chrome扩展程序内容脚本创建Web Worker

  26. 26

    Chrome扩展程序:内容脚本未找到dom元素

  27. 27

    Chrome扩展程序不显示内容脚本中的数据

  28. 28

    Chrome扩展程序内容脚本中的Polymer元素

  29. 29

    Chrome扩展程序内容脚本永远不会运行

热门标签

归档