我无法弄清楚如何使HTML元素在Chrome开发工具中换行。 我正在使用一些较长且复杂的SVG路径，并且我讨厌水平滚动以检查其他元素属性。 在Chrome开发工具的设置区域下检查自动换行。 有什么建议吗？

似乎目前没有自动换行:(似乎人们一直在问，我也刚刚发布了自动换行的投票

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby= ＆sort =＆id = 73193

编辑：看起来现在是默认情况下的功能(单击右上角的三个点，然后单击设置)：

这是一个很旧的线程，但不幸的是仍然有用。

自动换行仅在"元素"面板中起作用。从文档中：

As with any text editor you can choose to wrap long lines of code in the Elements panel.

Leon的答案中的链接实际上是指向"网络"面板的，尽管其中一些评论表明其他人也正在更广泛地关注此问题。例如

It would be good if wordwrap is offered for all content.

还有...

I would donate my left kidney for word wrap!

无论如何，如果您主要是编辑html，那么您很幸运-只需使用"元素"面板而不是"源"面板即可。不幸的是，我的大部分编辑工作都是使用JS。

因此，我将在Chromium中打开一个新期刊，并在此处发布一个链接，以防有人支持。

在Chrome的Issue 167287：功能请求：源面板的自动换行中，开发人员说：

[2014年10月13日]

We depend heavily here on codemirror capabilities.

Upstream bug: https://github.com/codemirror/CodeMirror/issues/1356

和：

[2017年12月14日]

I am a bit scared of the performance concerns of this. Will revisit when we have a more performant way of displaying large/minified files. [Status: Assigned WontFix]

但是，解决该CodeMirror问题的实际工作分为两部分，每个都有其自己的错误：

• 长/大行的拆分测量问题＃1022 (2014年1月27日关闭)

• 尝试使用部分算法重画线条问题＃2090(仍处于打开状态，但听起来似乎适用，而与自动换行无关)

因此，他们担心包裹超长行会使编辑器停顿下来。如果您可以说服他们，无论是否实际改进CodeMirror，他们可能都愿意在Sources选项卡中添加一个用于换行的选项。

因此，乱搞一下：

• https://github.com/codemirror/CodeMirror
• https://github.com/ChromeDevTools/devtools-frontend