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

Question

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

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

谢谢

Answer 1

我只是使用

chrome.tabs.executeScript

来控制台inspectedWindow控制台面板中的某些内容，如下所示：

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

希望这有帮助！

Answer 2

您可以将此代码添加到 Electron

main.js

，以打开每个扩展清单 v2 背景页面的 DevTools：

app.on('web-contents-created', (e, contents) => {
  if (contents.getType() == 'backgroundPage')
    contents.openDevTools();
})