54

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

4

7 回答 7

112

如果在单击要展开的元素的箭头的同时按住ctrl + alt窗口（仅在 Mac 上），它将展开并且其所有子元素都将展开。opt所以，如果你ctrl + alt点击<html>标签，那应该会展开整个页面。

此链接列出了 chrome 开发工具的键盘快捷键，包括那个。

于 2014-08-06T17:33:21.363 回答
6

CTRL + SHIFT + ALT+ 左键

于 2017-01-10T19:57:19.247 回答
5

Here's how i've decided to do it:

Highlight the element tag I wish to inspect, if it's the whole (expand all) the requirement, then highlight <body> tag, click F2.

Note: F2 is actually the shortcut for 'Toggle edit as HTML'. You can directly make any change in this mode, changes are reflected on web page. You may right-click within this new code view-window and enable/disable wordwrap.

于 2013-12-30T09:04:38.003 回答
1

点击元素：

  • Alt + 右箭头（展开）
  • Alt + 左箭头（折叠）

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

于 2021-05-12T13:24:55.493 回答
1

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


  • ALT + 单击下拉箭头 = 一层一层展开
  • ALT + CTRL + 单击下拉箭头 = 立即展开“所有”关卡
于 2018-01-18T19:00:12.230 回答
0

这些方法看起来很复杂，要使所有箭头符号从指向右侧变为指向下方，您所要做的就是单击 html 标记并在下拉框中单击“递归扩展”

于 2021-07-04T21:01:20.593 回答
0

我发现只需右键单击标签并选择“递归扩展”对我有用。我正在使用 Chrome 版本 66。

您也可以右键单击并“折叠子项”以再次折叠它。

于 2018-05-08T03:38:52.993 回答