是否可以一次查看多个Chrome devtools面板？

Question

有没有办法同时查看多个Chrome devtools面板？像这个模型一样，拆分窗口会很好：

或在单独的窗口中。

能够同时查看“源”面板和“网络”面板，以查看在单步执行代码时触发网络请求的确切时间非常有用。

通过点击或按esc，可以在任何其他面板内拉出控制台，为什么不在其他面板上？

我通过搜索找不到多少，但是devtools extension也许可以做到这一点。

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

Answer 1

从Chrome Canary 33.0.1732.0开始，有一个“Drawer中的Show editor”实验。只要你在DevTools中找到源代码的任何锚点，编辑器就会显示出来。

Answer 2

我也发现此限制令人沮丧，所有其他监视器都被浪费了！这是穷人的解决方案：

• 使用--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