6

Webkit インスペクターでは、要素パネルに移動して DOM 要素を展開し、関心のあるものを確認できます。

これまでのところ、探しているものを見つけてコードを変更し、ページをリロードすると、Elements パネルの DOM ツリーが折りたたまれます。

A) Inspector に自分がどこにいたかを記憶させ、DOM ツリーを開いて自分がいた場所に戻そうとするか、B) デフォルトで DOM ツリーを展開したままにする方法はありますか?

4

4 に答える 4

2

これと同じ質問がありました。私は Win XP で Chrome を使用しているため、Chrome で見つけた解決策しか説明できませんが、プロセスは他の Webkit ブラウザーでも非常に似ていると思います。

Chrome Application Data フォルダに移動しました: C:\Documents and Settings\[USERNAME]\Local Settings\Application Data\Google\Chrome\Application[NEWEST VERSION]\Resources\Inspector

[USERNAME] と [NEWEST VERSION] には、コンピュータにあるフォルダを入力してください。

ブラウザを閉じました。

Notepad++ で DevTools.js を開き、ハンティングを開始しました。小さな矢印をクリックすると、Webkit インスペクターがタグに「expanded」の css プロパティを追加することがわかりました。

1484 行にデフォルト値のブール値があります。this.expanded=false を this.expanded=true に変更しただけです

Chrome と badda-bing を起動すると、インスペクターのすべての要素がデフォルトで展開されます。

于 2011-03-17T15:58:12.167 に答える
1

この記事の助けを借りて、これを OSX Safari で動作させることができました。

インスペクターを開き、要素を見つけて（何でも構いません）、右クリックして「要素を検査」します。これをポップアウトして (左下のボタン)、タイトル バーにパスを書き留める必要があります。私のは

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

次に、ターミナルで vi を使用しました。

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

ほとんどのユーザーにとって読み取り専用ファイルであるため、sudo が必要です。

次に、検索を行いましたthis.expanded = false;(grep で a/を押して検索語を入力し、Enterキーを押しnて、次の一致を検索します)。

1175行目で見つけました：

this.expanded = false;

そしてそれを次のように変更しました：

this.expanded = true;

それは下にあります：

function TreeOutline(listNode)
{

ファイルを保存し（ZZviで）、ブラウザを再起動しました。要素が展開されたままになるようになりました。YMMV。

サファリ v5.1.7 (6534.57.2)、OSX 10.6.8

于 2012-10-03T14:40:03.487 に答える
0

「要素の検査」コンテキスト項目を右クリックしてDOM要素を強調表示したままにするのではなく、WebkitInspectorでDOM要素を選択する必要があります。

インスペクターでコンテンツを編集する場合は、必ずDOM要素自体を再選択してください。テキストコンテンツとは対照的に、またはDOM要素はそれ自体を折り返します。

于 2011-01-23T11:54:54.007 に答える
0

内部をいじりたくなかったので、回避策を見つけました。

要素に ID を与えます。

 <div id="inspectMe" className={classes.answerGroup}>
  • Web インスペクタを開く
  • 要素タブを選択します
  • IDを検索
  • 結果をクリックしてスタイルを開きます

Web Inspector は検索語を覚えているので、リロード後にもう一度検索を押すだけです。

于 2020-05-04T22:54:50.393 に答える