javascript - 如何在内容脚本和面板之间进行通信

Question

面板和内容脚本之间的通信是如何发生的？我们如何从内容脚本动态更新面板内容？内容脚本访问加载页面的 DOM。现在，每当网页中出现 DOM 更改时，面板中都会显示该更改。我们应该怎么做？谁能举例说明一下？

更新:这里是 MY ADDON CODE

请检查此代码。我没有得到输出

Answer 1

您的问题是关于两个内容脚本之间的通信 - 一个内容脚本加载到网页中，另一个内容脚本加载到面板中。这些内容脚本无法直接通信，它们必须通过扩展(main.js 或创建它们的任何模块)进行通信。换句话说:网页发生变化，内容脚本识别出变化并向扩展发送消息。扩展程序接收消息并将其发送到面板中的内容脚本。面板中的内容脚本随后会根据需要更新面板内容。