2016-07-28 38 views
2

我想同时调试代码,因为我看到网络选项卡上正在发送的内容,而不必在网络选项卡源选项卡之间来回切换。有没有办法做到这一点从铬版本52.0.2743.82或54.0.2810.2金丝雀?是否可以打开多个实例或拆分chrome开发人员工具选项卡的视图?

我知道这是可以进行登录,可以与其他标签打开可视控制台http请求,但我想在实际工作网络选项卡如果可能的话..

预先感谢您

+1

这将会非常有用! – Luke

回答

5

你可以在查看网络面板(或其他主面板)时查看“快速来源”。这将允许您查看源代码并添加断点。

但是,它的不可能使用拆分视图中的调试来逐步执行代码。如果您使用快捷键,Chrome会自动切换到“来源”标签。

由于Chrome Debugging Protocol不允许同时连接客户端,所以也不可能有扩展运行调试器的单独实例。

我会与其他Chromium撰稿人讨论在分割视图中共享调试控件的可行性。我不知道这是否会轻易完成。我怀疑这是相当数量的工作。

如果您想设置拆分视图,因为它非常有用,请转到右侧的溢出菜单并选择“更多工具”,然后选择“显示控制台”。这可以确保面板的加载低于主面板。

Show console

在显示面板的左侧,点击溢出菜单,然后选择“快速源”。

Quick Source

现在,您将看到一个小源面板。

Quick Source

+0

啊,太棒了!不知何故,我认为快速来源只是为了观看。 –

+2

@mattzeunert您可以在其中设置断点,但是当您使用调试器控件(F10等)时,它会将您切换回Sources选项卡。如果你能在没有切换标签的情况下一步一步,那将会很棒。 –

+0

@Gideon,谢谢你的回复!我真的需要一步步通过代码并同时看到网络选项卡的可能性。:( –

相关问题