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

他们不推荐使用Chrome中的属性面板。现在，我必须切换到控制台，输入console.dir（$0）并输入，而不是单击一次来查看属性！如果我想查看以下标签的属性，我必须返回“元素”，选择，然后返回控制台

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

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

---

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

只需对这个问题给出一个答案，总结一下发生了什么（因为这个版本的Chrome仍然嵌入在最新的Electron中，所以是相关的）：

这是和

---

有一次，他们因为“无益的评论”而受到惩罚，因为他们暗示经济出现了倒退。接着是一个几乎相同的问题，很快就得到了解决……

像往常一样，他们“更清楚”用户需要什么，但当一段相当长的时间过去（可能是一年）后，他们可能会松懈，这样他们的决定就不会显得仓促（显然是这样）和不专业。另见。同时，有人可以为此编写自定义扩展…@wOxxOm我在Chrome上看到有人实际使用Chrome开发工具，他抱怨说，这个问题已经解决了。当他们自己有问题时，速度惊人。