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

Question

面板和内容脚本之间的通信如何发生？我们如何从内容脚本动态更新面板内容？内容脚本访问加载的页面的DOM。现在，每当网页中存在DOM更改时，应在面板中显示。我们应该怎么做？任何人都可以用一个例子来解释吗？

更新：此处为MY ADDON CODE

请仔细阅读此代码。我没有得到输出

Answer 1

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