html - 使用 Chrome 开发工具，我如何一次查看/检查所有元素以查看页面布局？ (附示例)

Question

使用 Chrome 开发工具，我如何一次查看/检查所有元素以查看页面布局？ (附示例)

谢谢!!!

'View All' Chrome Dev Tools

更多信息:昨天自己截图了，选了别的东西后，一直想不出怎么复制这个 View 。

我发现了这个类似的问题: Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?

给出的答案是“否”，但考虑到我昨天自己拍了这张截图……我知道有办法……谢谢!!!

Answer 1

Ankith 正确回答了这个问题:

define a rule for a universal selector * and hover over that in the styles panel of DevTools.

Screenshot of Answer

为了复制这一点，Kodos 拥有大部分:

In chrome dev tools, click on the + symbol at the top right to create a new css rule. Change the selector to * to select all elements

(并用鼠标悬停在这个选择器上)

谢谢!!!