如何阻止 Firefox 开发人员工具检查器折叠省略号后面的 HTML 元素?

How do I stop Firefox developer tools inspector from collapsing HTML elements behind ellipsis?

看到"layout-1c"前面的“...”了吗? Firefox 似乎定义了一些规则,规定何时应该折叠冗长的元素属性。我想禁用它。总是向我展示一切。怎么样?

EDIT 双击属性不够好。它失去了包装,让你手动滚动一吨。 Firebug 从一开始就做所有事情,我希望内置检查器具有相同的行为。

您可以双击属性值以显示折叠的内容。请注意,这是一个非持久性解决方案。

到目前为止,截断长属性字符串是 Firefox 检查器的一项功能,因为在某些情况下,属性可能真的很长并且很难使用该工具。以 base-64 图像数据 URL 为例。

我知道可能并不总是需要此功能,但要更改此功能,需要更改检查员的代码,没有可以使用的设置。 2个选项:

  • 增加截断字符串的限制,以确保只截断非常长的属性,
  • 或者添加一个设置(默认关闭以保留今天的行为)以完全关闭它。

但是要回答最初的问题,不,你不能禁用它(除了通过更改代码,或者编写一个插件来猴子修补这个)。

最优化速度的解决方法似乎是右键单击 "Edit as HTML"。

幸运的是,我们现在提交了一个错误 https://bugzilla.mozilla.org/show_bug.cgi?id=1198073

这是一个老问题,但可能有人仍然需要它。

在官方mozilla docs中解释了我们如何调整是否截断,以及在截断前将显示多少个字符:

Truncate DOM attributes
By default, the Inspector truncates DOM attributes that are more than 120 characters long. Uncheck this box to prevent this behavior. This setting works by toggling the about:config preference "devtools.markup.collapseAttributes". To change the threshold at which attributes are truncated, you can edit the about:config preference "devtools.markup.collapseAttributeLength".

开发人员工具中有一个方便的复选框。 要找到它,请单击右上角的三个点并转到设置: