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

Question

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

更新：这是我的附加代码

请通过此代码。我没有得到输出

Answer 1

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