有什么方法可以查看开发者控制台的后台任务和弹出窗口吗？ [复制]答案

【问题标题】：Is there any way to see the developer console for a background task and a popup? [duplicate]有什么方法可以查看开发者控制台的后台任务和弹出窗口吗？ [复制]
【发布时间】：2017-03-25 14:44:58
【问题描述】：

我正在创建一个带有背景脚本和弹出窗口的 chrome 扩展。我可以右键单击扩展图标并选择“检查弹出窗口”来调试弹出窗口，我可以单击“检查视图：背景页面”来调试后台脚本。然而，不得不在两个调试器之间不断切换是非常烦人的，因为打开一个会关闭另一个。

有什么方法可以同时保持两者的同步，或者最好将它们统一在一个调试控制台中？

编辑添加：这不是 this question 的重复，因为我能够看到弹出窗口和后台任务的输出，只是不能同时看到。

【问题讨论】：

@Makyn，我认为这是不同的。我能够同时看到弹出窗口和后台任务的输出。
虽然问题和情况有些不同，但重要的是答案。是否可以将答案、主要答案或至少其中一个答案复制并粘贴到此问题的答案中，并成为解决问题的答案。在我看来，建议的副本就是这种情况。备用副本将是：Where to read console messages from background.js in a Chrome extension? 或 How to use console.log() to debug a Chrome extension?
所有这些答案都是如何打开开发者工具，而不是解决如何保持多个开发者工具窗口打开。
所有这些都描述了如何打开后台页面的 DevTools，这就是 您接受 所做的所有答案。您接受的答案不会超出其他任何问题的答案。事实上，您接受的答案比其他问题的许多答案都少。例如，我提出的一个副本描述了如何为不同的 Chrome 扩展上下文/范围/页面打开各种 DevTools，所有这些都是独立的。我没有看到这不是与我链接的所有其他问题的重复。
我不是想学究气，我真的不明白这不是所有链接问题的重复（重复没有错，重复可以帮助人们找到答案)。我愿意确信它不是重复的，但我只是没有看到它。如果您接受的答案超出了链接问题的答案，那么我可以理解您可能一直在寻找更多的东西。这个答案没有，所以你似乎对一个比链接问题的答案中所说的要少的答案感到满意。

标签： google-chrome-extension developer-console

【解决方案1】：

之前有人将此作为评论发布，但后来他们删除了它：

关键是将扩展弹出窗口作为选项卡打开并检查它，然后从扩展页面打开“背景页面”检查器。

要将扩展作为选项卡打开，请从扩展页面复制 ID（类似于“ID：jjkacfpleioidimgaoplgalkafaboojn”）。然后，假设您的 html 页面是 popup.html，您将转到 chrome-extension://jjkacfpleioidimgaoplgalkafaboojn/popup.html。然后，您可以在后台页面检查器运行时像普通网页一样检查此选项卡。

【讨论】：

【解决方案2】：

您可以通过转到 chrome 扩展页面来调试后台页面，选中“开发者模式”，然后滚动到您的扩展并单击“后台”链接以打开其自己的调试页面。它与弹出调试器分开。

【讨论】：

这就是我正在做的事情，对我来说这不是分开的。它只是替换了前台调试器。 编辑添加：哦，我明白你的意思了。是的，这行得通，谢谢！