是否可以打开多个实例或拆分Chrome开发人员工具选项卡的视图?

Cis*_*nas 9 google-chrome google-chrome-devtools

我希望在看到网络选项卡上发送的内容的同时调试代码,而无需在" 网络"选项卡和" 源"选项卡之间来回切换.有没有办法这样做的铬版本52.0.2743.82或版本54.0.2810.2金丝雀?

我知道可以在控制台中记录http请求,这可以在其他选项卡打开的情况下显示,但是如果可能的话我想要实际的网络选项卡.

先感谢您

Gid*_*zer 10

您可以在查看"网络"面板(或其他主面板)时查看"快速源".这将允许您查看源并添加断点.

但是,在拆分视图中使用调试无法单步调试代码.如果您使用快捷方式,Chrome会自动切换到"来源"标签.

由于Chrome调试协议不允许同时连接客户端,因此也无法使用运行单独调试器实例的扩展.

我将与其他Chromium贡献者讨论在拆分视图中共享调试控件的可行性.我不知道它是否会轻易完成.我怀疑这是一项相当多的工作.

如果您想设置拆分视图,因为它仍然有用,请转到右侧的溢出菜单并选择"更多工具",然后选择"显示控制台".这可确保面板在主要面板下方加载.

显示控制台

在显示的面板左侧,单击溢出菜单,然后选择"快速源".

快速来源

您现在将看到一个小的Sources面板.

快速来源

  • "我将与其他Chromium贡献者展开讨论......"@ GideonPyzer - 在某个地方,我们可以向其投票请求吗?当您调试发送网络请求的代码时,这将非常有用. (4认同)
  • @mattzeunert您可以在其中设置断点,但是当您使用调试器控件(F10等)时,它会切换回Sources选项卡.如果你没有切换标签就可以顺利完成它会很棒. (2认同)

str*_*onn 10

这现在可以在 Chrome 87 中实现。右键单击菜单中的网络并选择“移至底部”

右键单击网络

它会这样做

在其他选项卡下移动任何选项卡

  • 他们让它变得如此直观......我知道我不应该感谢你,但是,谢谢你,你是真正的 MVP。 (2认同)