我无法弄清楚如何让 HTML 元素在 Chrome 开发工具中换行。我正在处理一些又长又复杂的 SVG 路径，我讨厌水平滚动来检查其他元素属性。在 chrome 开发工具的设置区域下检查自动换行。建议？
问问题
22075 次
3 回答
27
看起来现在没有可用的自动换行 :( 似乎人们一直在问，我也刚刚发布了我对自动换行的投票
编辑：现在看起来它是一个默认功能（点击右上角的三个点，然后点击设置）：
于 2013-04-26T16:11:34.670 回答
12
这是一个相当古老的线程，但不幸的是仍然相关。
自动换行仅适用于元素面板。从文档中：
与任何文本编辑器一样，您可以选择在“元素”面板中包装长行代码。
Leon 回答中的链接实际上是指网络面板，尽管一些评论表明其他人也在更普遍地看待这个问题；例如
如果为所有内容提供自动换行，那就太好了。
和 ...
我会捐出我的左肾来换行！
无论如何，如果您主要编辑 html，那么您很幸运 - 只需使用 Elements 面板而不是 Sources 面板。不幸的是，我的大部分编辑都是用 JS 进行的。
因此，我将在 Chromium 中打开一个新问题并在此处发布一个链接，以防有人想要支持它。
于 2015-11-06T12:11:04.407 回答
1
在 Chrome 的Issue 167287: Feature request: word wrap for sources panel中，开发人员说：
[2014 年 10 月 13 日]
我们在这里严重依赖代码镜像功能。
上游错误：https ://github.com/codemirror/CodeMirror/issues/1356
和：
[2017 年 12 月 14 日]
我有点害怕这样做的性能问题。当我们有一种更高效的方式来显示大/缩小文件时，将重新访问。[状态：已分配→WontFix]
但是，修复 CodeMirror 问题的实际工作分为两部分，每部分都有自己的错误：
长/大线的分割测量 - 第 1022 期（2014 年 1 月 27 日关闭）尝试使用部分算法重绘线条 – 问题 #2090（仍然开放，但听起来好像它适用于自动换行？）
所以，他们担心包裹超长的行会使编辑器停顿下来。如果您可以说服他们，无论是否实际改进 CodeMirror，他们都可能愿意在 Sources 选项卡中添加一个包装选项。
所以去搞砸：
于 2019-09-23T22:56:28.630 回答