Chrome开发工具中的自动换行?

问题描述 投票:19回答:2

我无法弄清楚如何让HTML元素在Chrome开发工具中包装行。我正在使用一些冗长而复杂的SVG路径,我讨厌水平滚动以检查其他元素属性。在chrome dev工具的设置区域下检查自动换行。建议?

enter image description here

google-chrome console google-chrome-devtools word-wrap
2个回答
16
投票

看起来现在没有可用的Word Wrap :(并且似乎人们一直在问,我刚刚发布了我的投票也用于自动换行

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

编辑,默认情况下看起来像是一个功能(使用'esc'打开控制台,然后单击右下角的设置齿轮图标):


8
投票

这是一个很老的线索,但不幸的是仍然相关。

自动换行仅适用于“元素”面板。从文档:

与任何文本编辑器一样,您可以选择在“元素”面板中包含长行代码。

Leon答案中的链接实际上是指网络面板,尽管其中一些评论表明其他人也更普遍地关注这一点;例如

如果为所有内容提供wordwrap将会很好。

和......

我会捐出我的左肾用于包装!

无论如何,如果你主要是编辑html,那么你很幸运 - 只需使用Elements面板而不是Sources面板。不幸的是,我的大多数编辑都是用JS编写的。

因此,我将在Chromium中打开一个新问题并在此处发布一个链接,以防有人想要支持它。

© www.soinside.com 2019 - 2024. All rights reserved.