Chrome Dev Tools 元素检查器中的水平滚动?

Mas*_*r_T 13 google-chrome google-chrome-devtools

所以,我讨厌 Chrome Dev Tools 的一件事是:

在此处输入图片说明

基本上,当 html 被深度嵌套时,元素选项卡开始换行以尝试适应面板中的所有内容,而不是使用水平滚动条,这在这里更有意义。

我不敢相信这样一个尴尬的布局是有意的,它实际上是不可读的......是否有设置可以防止这种情况?

Fre*_*ers 17

在 DevTools 中找到解决此问题的设置:

如果您取消选中自动换行,一切都应该没问题。

该设置位于此处:DevTools Settings > General > Elements > Word wrap

在此处输入图片说明

  • 我在 Chrome 80.0.3987.87 中做了完全相反的 ie 启用自动换行,这至少到目前为止帮助我摆脱了水平滚动地狱。 (2认同)

Ben*_*tte 6

启用自动换行从技术上解决了这个问题,但会导致另一个同样令人烦恼的情况,即用户 karvonen 提到的“水平滚动地狱”。

但事实证明,Mozilla 开发工具非常巧妙地避免了这两个问题,仅在嵌套元素太远时添加水平滚动条。我为此切换到 Mozilla devtools:

在此输入图像描述