在 Electron 应用程序中查看来自 Chrome 扩展程序后台页面的调试消息答案

【问题标题】：See debug messages from Chrome Extension's background page in Electron app在 Electron 应用程序中查看来自 Chrome 扩展程序后台页面的调试消息
【发布时间】：2018-11-01 07:58:38
【问题描述】：

这里是电子新手。我已成功向 Electron 应用程序添加了 Chrome 扩展程序，但很难调试它，特别是它的背景页面。我知道如何在浏览器中为后台脚本打开一个虚拟 html 页面，但是这里可以实现相同的功能吗？

如果没有，有没有其他方便的调试后台脚本的方法？

谢谢

【问题讨论】：

尝试使用 --inspect 开关 (docs) 然后在 chrome://inspect 中点击“Open dedicated DevTools for Node”。
感谢@wOxxOm 的快速回答，但是，扩展的背景页面仍然没有显示在那里 - 我只得到电子主上下文。此外，在 Source 中，Content 脚本为空，而在 Network 中，我根本找不到扩展文件夹。

标签： google-chrome google-chrome-extension electron

【解决方案1】：

我只是使用chrome.tabs.executeScript 来控制inspectedWindow 的控制台面板中的某些内容，如下所示：

chrome.tabs.executeScript(activeId, {
    code: 'console.log("reconnect")'
}, function() {});

希望对你有帮助！

【讨论】：