google-chrome-extension - 使用内容脚本获取选项卡的 DOM

Question

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

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

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

Answer 1

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

• 弹出脚本
• 背景页面脚本
• 内容脚本

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

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