要在Chrome DevTools的“源代码"中移动“调试器"面板吗? [英] Move 'debugger' panel in Sources in Chrome DevTools?

查看:66
本文介绍了要在Chrome DevTools的“源代码"中移动“调试器"面板吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我使用宽屏显示器时,我的浏览器始终会垂直显示DevTools.我无法再使调试器面板显示在源文件内容的下方.

I always have the DevTools showing vertically in my browser as I use a widescreen. I can no longer get the debugger panel to show underneath the source file content.

要弄清我的意思是哪个面板,请在源"选项卡下,然后是右侧的调试器"面板,您可以在其中看到监视,调用堆栈,范围,断点等.您知道,所有有用的东西:D

To clarify which panel I mean, its under 'Sources' tab, then the right 'debugger' panel where you can see Watch, Call stack, Scope, Breakpoints etc. You know, all the useful stuff :D

此面板将仅在源文件旁边垂直显示,而不是以前在源文件下的位置显示.这意味着我在一个非常高的细长窗口中同时获得了源代码和调试工具,使得无法与实际视口一起使用.

This panel will only show vertically alongside the source files, instead of where it used to be under the source file. This means I get both the source and debugging tools in a very tall slim window making it impossible to use alongside the actual viewport.

有什么想法可以将其移回吗?

Any ideas how I can move it back?

这是屏幕截图(我在之前"中找到了一个旧的屏幕截图).请注意您在面板上暂停,进入/跳过等的地方.

Here are screenshots (I found an old one for the 'before'). Notice the panel where you pause, step into/over etc.

之前:

之后:

推荐答案

转到DevTools设置,找到General > Appearance > Panel layout选项并将其更改为水平".

Go to the DevTools settings, find General > Appearance > Panel layout option and change it to "horizontal".

这篇关于要在Chrome DevTools的“源代码"中移动“调试器"面板吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆