google-chrome-devtools - 如何浏览元素并查看其属性？

Question

他们已弃用 Chrome 中的属性面板。现在，我必须更改为控制台，而不是单击一次查看属性，输入 console.dir($0) 并输入！如果我想查看以下标签的属性，我必须返回“元素”，选择，然后返回控制台...

然后，当您确实找到所需的属性列表时，它现在是水平方向而不是垂直方向，因此需要更多滚动。或者您切换到完整控制台并丢失元素面板。我一直看着右边所有浪费的空间，然后发火。

这会适得其反，我认为还有其他方法可以浏览元素的属性。但我找不到它。

有没有一种有效的方法来浏览元素并在 Chrome 开发工具中查看它们的属性？

标签： google-chrome-devtools

Answer 1

只是为了发布这个问题的答案来总结发生的事情（因为这个版本的 Chrome 仍然嵌入在最新的 Electron 中，所以是相关的）：

这在 Chrome 84 中已被弃用，并在 Chrome 86 中恢复。

有一个用户提交了错误报告，他们因“无益的评论”而受到批评，暗示存在回归。随后是一个几乎相同的谷歌员工错误报告，该报告被迅速修复......