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

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

更新：这是MY ADDON CODE

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

解决方法

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