如何在WebKit Inspector元素视图中展开所有元素?

时间:2013-08-23 19:11:09

标签: google-chrome webkit inspector

有没有办法展开Chrome WebKit检查器的元素视图中的所有元素?

7 个答案:

答案 0 :(得分:92)

如果你持有 ctrl + alt for windows(在Mac上只是 opt ),同时单击要展开的元素的箭头,它将会扩展并且全部它的孩子会扩大。因此,如果你 ctrl + alt 点击<html>标签,那么应该展开整个页面。

Link列出了chrome dev工具的键盘快捷键,包括那个。

答案 1 :(得分:5)

以下是我决定如何做到这一点:

突出显示我想要检查的元素标记,如果它是整个(全部展开)需求,则突出显示<body>标记,单击F2。

注意:F2实际上是“切换为HTML编辑”的快捷方式。您可以在此模式下直接进行任何更改,更改将反映在网页上。您可以在此新代码视图窗口中右键单击并启用/禁用wordwrap。

答案 2 :(得分:3)

CTRL + SHIFT + ALT + LEFTCLICK

答案 3 :(得分:0)

在Chrome上点击源代码中的箭头时,将展开所有子元素。


        
  • ALT +单击下拉箭头=将一个级别展开
  •     
  • ALT + CTRL +单击下拉箭头=立即解开“全部”级别

答案 4 :(得分:0)

我发现右键单击标签并选择&#34;递归展开&#34;为我工作。我使用的是Chrome版本66.

您也可以右键点击&#34; Collapse Children&#34;再次崩溃。

答案 5 :(得分:0)

点击元素:

  • Alt + 向右箭头(展开)
  • Alt + 左箭头键(收起)

您可以使用箭头键和 Tab 移动。

答案 6 :(得分:0)

这些方法看起来很复杂,要使所有箭头符号从指向右侧变为指向下方,您只需单击 html 标记,然后在下拉框中单击“递归展开”