有没有可能同时查看多个Chrome开发者工具面板？

Question

有没有办法同时查看多个Chrome开发者工具面板？像这样的分割窗口会很好： 或者在单独的窗口中也可以。

能够同时查看源面板和网络面板将非常有用，以便在代码步进时确切地查看网络请求何时被触发。

控制台可以通过单击或按esc键，在任何其他面板内弹出，那么其他面板为什么不能呢？

我没有在搜索中找到太多信息，但也许这可以通过devtools扩展实现。

这已经存在了吗？如果没有，是否可能实现？

- mwcz

---

你可以在http://crbug.com/上报告一个错误并让我知道问题ID吗？ - Kinlan

@Kinlan 这不是一个错误，更像是一个功能请求。也许已经由我尚未发现的开发工具扩展实现了。我试图在crbug.com上发布它，但问题表单非常偏向于错误，而不是功能请求。 - mwcz

它还没有作为开发工具扩展实现。将其归档为错误报告是可以的。很多功能请求都是这样完成的。 - Kinlan

@Kinlan 我正在寻找相同的功能，但迄今为止没有运气。我检查了devtools扩展，似乎不可能。我找到的唯一丑陋的解决方案是打开两个具有相同URL的选项卡，并打开它们的2个devtools，一个选择一个面板，另一个选择另一个面板。 - Christian Toffolo

我已经提出了一个功能请求：https://code.google.com/p/chromium/issues/detail?id=517775 - Christian Toffolo

只是更新一下，该功能请求已被关闭，因为影响太小。 - mwcz

Answer 1

我也觉得这种限制很烦人，所有其他的监视器都被浪费了！这里有一个穷人的解决方案：

• 使用--remote-debugging-port=9999命令行参数启动Chrome
• 右键单击要调试的页面并选择“检查元素” - 这是您的调试窗口#1
• 打开一个单独的Chrome窗口并导航到chrome://inspect
• 点击“配置...”并添加localhost:9999
• 在几秒钟内，在“远程目标”下，您应该可以看到您可以从其他Chrome实例检查的选项卡
• 点击选项卡，现在这是您的调试窗口#2

无关的提示：系统范围的夜间模式体验：http://danielsokolowski.blogspot.com/2018/11/windows-10-8-7-night-mode.html

- Daniel Sokolowski

---

谢谢，六年后我认为这是我们能得到的最好的！ - mwcz

Answer 2

从Chrome Canary 33.0.1732.0开始，有一个名为“在抽屉中显示编辑器”的实验。每当您点击DevTools中源代码的任何锚点时，编辑器都会出现。

- Andrey Lushnikov