如何讓Webkit Inspector中的「元素」（DOM）樹保持打開狀態？

在Webkit Inspector中，我可以進入元素面板並展開DOM元素，以便看到我感興趣的內容。如何讓Webkit Inspector中的「元素」（DOM）樹保持打開狀態？

到目前爲止，當我找到要查找的內容時，更改代碼，並重新加載頁面，Elements面板中的DOM樹會被折回。

是否有任何方法可以：A）讓Inspector記住我在哪裏，並嘗試打開DOM樹到我的位置，或B）默認情況下保持DOM樹展開？

2010-11-15 user225643

您需要在Webkit Inspector中選擇DOM元素，而不是通過右鍵單擊'Inspect Element'上下文項目來突出顯示它。

如果在Inspector中編輯內容，請確保重新選擇DOM元素本身;與它的文本內容相反，或者DOM元素會摺疊起來。

2011-01-23 11:54:54

不適用於我。「突出顯示」和「選定」之間的區別也不明確。 – 2016-06-05 00:34:13

我有同樣的問題。我在Win XP上使用Chrome，所以我只能告訴你我爲Chrome找到的解決方案，但我想象其他Webkit瀏覽器的過程非常相似。

我導航到Chrome Application Data文件夾： C：\ Documents和Settings \ [用戶名] \本地設置\應用數據\谷歌\鍍鉻\應用[最新版本] \資源\督察

顯然填寫將[USERNAME]和[NEWEST VERSION]中的文件夾存儲在電腦上的文件夾中。

關閉瀏覽器。

我在Notepad ++中打開DevTools.js並開始打獵。事實證明，當你點擊小箭頭時，webkit檢查員在標籤上添加一個「展開」CSS屬性。

在線1484有一個默認值的布爾值。我只是將更改爲this.expanded = false至this.expanded = true

啓動Chrome和badda-bing，檢查器中的所有元素均默認展開。

2011-03-17 15:58:12 Cmndo

添加您更改的實際行會更有幫助。 – iain 2012-10-03 14:24:36

這只是一個徹頭徹尾的黑客 - 將Chrome作爲一項新功能請求提高這一點會更好，因此它被添加爲正式選項 – 2015-07-16 14:15:51

在this article的幫助下，我設法讓它與OSX Safari一起使用。

打開檢查器，找到一個元素（任何將做），然後右鍵單擊和「檢查元素」。您需要將其彈出（左下角按鈕），然後記下標題欄中的路徑。礦是

/System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Resources/inspector/inspector.js

然後，我在終端中使用六：

sudo vi /System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Resources/inspector/inspector.js

您需要sudo，因爲它是大多數用戶的只讀文件。

然後我搜索了this.expanded = false;（您可以通過點擊/然後輸入搜索詞並按回車鍵，然後n進行下一個匹配，從而在grep中執行此操作。）

線1175，我發現：

this.expanded = false;

，並把它改爲：

this.expanded = true;

它的下面：

function TreeOutline(listNode) 
{

保存的文件（ZZ在vi）並重新啓動瀏覽器。現在元素保持擴展。因人而異。

Safari v5.1.7（6534.57.2），OSX 10.6.8

2012-10-03 14:40:03 iain

回答