使用Chrome Dev Tools,如何一次查看/检查所有元素以查看页面布局? (附例)

时间:2016-10-28 17:04:13

标签: html css google-chrome

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

感谢!!!

'View All' Chrome Dev Tools

更多信息: 我昨天自己拍了截图,但在选择其他内容后,却无法弄清楚如何复制这个视图。

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

给出的答案是'不',但考虑到我昨天自己拍了这个截图...我知道有办法......谢谢!

1 个答案:

答案 0 :(得分:3)

Ankith正确地回答了这个问题:

  

为通用选择器*定义规则并将鼠标悬停在其中   DevTools的样式面板。

Screenshot of Answer

为了复制这一点,科多斯拥有大部分内容:

  

在chrome dev工具中,单击右上角的+符号进行创建   一个新的CSS规则。将选择器更改为*以选择所有元素

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

感谢!!!