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

Question

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



或者在单独的窗口中。

能够同时查看 Sources 面板和 Network 面板非常有用，可以在单步执行代码时准确查看网络请求何时触发。

单击 可以在任何其他面板内拉出控制台。或按 esc ，那为什么其他面板不行呢？

我没有通过搜索找到太多东西，但也许这可以通过 devtools extension 来实现。 .

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

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