debugging - 如何在 Webkit 检查器中保持 "Elements"(DOM) 树打开？

Question

在 Webkit Inspector 中，我可以转到元素面板并展开 DOM 元素，这样我就可以看到我感兴趣的内容。

到目前为止，当我找到我要查找的内容、更改代码并重新加载页面时，Elements 面板中的 DOM 树会重新折叠起来。

有没有办法，A) 让 Inspector 记住我所在的位置并尝试将 DOM 树打开到我所在的位置，或者 B) 默认情况下保持 DOM 树展开？

Answer 1

我也有同样的问题。我在 Win XP 上使用 Chrome，因此我只能告诉您我为 Chrome 找到的解决方案，但我想该过程对于其他 Webkit 浏览器非常相似。

我导航到 Chrome 应用程序数据文件夹: C:\Documents and Settings\[用户名]\Local Settings\Application Data\Google\Chrome\Application[最新版本]\Resources\Inspector

显然，请使用您计算机上的文件夹填写[用户名]和[最新版本]。

关闭浏览器。

我在 Notepad++ 中打开 DevTools.js 并开始狩猎。事实证明，当您单击小箭头时，webkit 检查器会在标签上添加“expanded”的 css 属性。

第 1484 行有一个 bool 值作为默认值。我只是简单地改变了 this.expanded=false 改为 this.expanded=true

启动 Chrome 和 badda-bing，检查器中的所有元素都会默认展开。