如何在 WebKit Inspector 元素视图中展开所有元素？
Posted
技术标签:
【中文标题】如何在 WebKit Inspector 元素视图中展开所有元素？【英文标题】：How do you expand all elements in the WebKit Inspector elements view? 【发布时间】：2013-08-26 22:34:49 【问题描述】：有没有办法在 Chrome WebKit 检查器的元素视图中展开所有元素？
【问题讨论】：
我不知道，但我想知道自己，我只是通过谷歌找到了这个问题。你发现了吗？ 【参考方案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”的快捷方式。您可以在此模式下直接进行任何更改，更改会反映在网页上。您可以在这个新的代码视图窗口中右键单击并启用/禁用自动换行。
【讨论】：
轰隆隆。正是我想要的。谢谢！ 它有效，谢谢。另一个愿望是对可编辑的内容进行格式化。以上是关于如何在 WebKit Inspector 元素视图中展开所有元素？的主要内容，如果未能解决你的问题，请参考以下文章
Layout Inspector - 如何查找文本元素的当前字体