Google Chrome扩展程序与Panel通信

Question

我正在尝试开发一个简单的Chrome扩展程序。它只需从我的网页访问对象 myVar ，然后将其作为表格打印到面板中。 （我使用Yeoman发电机，基本上一切都在那里）

yyyy-mm-dd hh:mi:ss

所以，我能够做的是将自定义脚本注入网页，并使用事件监听器和chrome消息传递来传递 MyVar 。

我所缺少的是如何与小组互动，我有点迷失。

一旦它被初始化，我就不知道如何调试，访问它的DOM，与background.js或contentscript.js进行通信。

有什么想法吗？

谢谢你！

Answer 1

  

一旦它[面板]初始化，我就不知道如何调试，访问它的DOM，与background.js或contentscript.js进行通信。

• 要对其进行调试，您可以将开发工具面板分离到一个窗口中，然后使用 Ctrl / Cmd + Shift + invoke Dev Tools for that >我

• 它是一个框架，所以它是一个独立的文件;要访问它的DOM，你需要一个脚本。

• 为了进行通信，devtools面板可以访问chrome.runtime消息传递功能以启动与后台的通信，即使看起来另一种方式是不可能的。通常使用chrome.runtime.connect打开一个端口，并在后台脚本中使用相应的chrome.runtime.onConnect，并将其用于双向通信。奖金，sender对象将包含DevTools附加的标签ID。

• 无法与内容脚本直接通信;你需要使用背景作为代理。这是old but thorough answer。