使用内容脚本获取选项卡的DOM

Question

我的popup.html中有一个脚本：

 </body>
 <script src="popup.js"></script>
 </html>

我正在尝试获取特定选项卡的DOM。更具体地说，我试图确定特定选项卡中当前页面上是否存在特定元素，然后在popup.js中使用此信息。我该怎么做呢？

Answer 1

您无法从弹出窗口访问当前页面DOM。你需要一个内容脚本。首先设置这三个脚本：

• 弹出脚本
• background page script
• content script

通过这些，您可以使用后台脚本作为代理在弹出脚本和内容脚本之间发送消息。阅读有关消息传递here。

您可以使用executeScript而不是内容脚本来简化过程。您仍然需要在弹出脚本和背景页面之间进行通信。