如何在 WebKit Inspector 元素视图中展开所有元素？答案

【问题标题】：How do you expand all elements in the WebKit Inspector elements view?如何在 WebKit Inspector 元素视图中展开所有元素？
【发布时间】：2013-08-26 22:34:49
【问题描述】：

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

【问题讨论】：

我不知道，但我想知道自己，我只是通过谷歌找到了这个问题。你发现了吗？

标签： google-chrome webkit inspector

【解决方案1】：

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

【讨论】：

【解决方案2】：

点击元素：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

ALT + 单击下拉箭头 = 一层一层展开
ALT + CTRL + 单击下拉箭头 = 立即展开“所有”关卡

【讨论】：

【解决方案5】：

CTRL + SHIFT + ALT + 左键

【讨论】：

【解决方案6】：

如果您按住 ctrl + alt for windows（在 mac 上只是 opt）同时单击要展开的元素的箭头，它将展开并且所有它的孩子将扩大。所以，如果你 ctrl + alt 点击<html> 标签，应该会展开整个页面。

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

【讨论】：

在 Windows 上按住 Alt 并单击对我有用 - 谢谢
节省了我几次尝试，尝试在重定向计时器启动之前截取代码：D
在 Linux 上只需 Alt。
在 ubuntu 上 Shift+Alt

【解决方案7】：

这就是我决定这样做的方式：

高亮我要检查的元素标签，如果是整个（展开全部）需求，然后高亮<body>标签，点击F2。

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

【讨论】：

轰隆隆。正是我想要的。谢谢！
它有效，谢谢。另一个愿望是对可编辑的内容进行格式化。