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

mwc*_*wcz 12 google-chrome google-chrome-devtools

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

拆分窗口devtools面板的模型

或者在单独的窗口中.

这将是能够查看源面板和网络面板的同时,清楚地看到,当同时逐步执行代码的网络请求被解雇是非常有用的.

通过单击可以在任何其他面板内拉出控制台 控制台按钮或按esc,所以为什么不是其他面板?

我没有通过搜索找到太多,但也许这可能与devtools扩展.

这已经存在吗?如果没有,是否可能?

Dan*_*ski 7

我发现这个限制也令人沮丧,所有其他显示器都浪费了!这是穷人的解决方案:

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

单独的 Windows Chrome 开发人员面板

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