web-dev-qa-db-ja.com

WebKit Inspectorの要素ビューですべての要素をどのように展開しますか?

Chrome WebKitインスペクターの要素ビューですべての要素を展開する方法はありますか?

39
Jon Rose

持っているなら ctrl + alt Windows用(ちょうど opt Macの場合)展開する要素の矢印をクリックすると、要素が展開され、そのすべての子が展開されます。だから、もしあなたが ctrl + alt クリックしてください <html>タグ、ページ全体を展開する必要があります。

この リンク は、chrome devツールを含む)のキーボードショートカットをリストします。

93
AllTradesJack

ここに私がそれをすることにした方法があります:

検査する要素タグを強調表示し、それが要件全体である場合(すべてを展開する場合)、<body>タグ、F2をクリックします。

注:F2は、実際には「HTMLとして編集を切り替える」のショートカットです。このモードで直接変更を行うことができ、変更はWebページに反映されます。この新しいコードビューウィンドウ内で右クリックして、ワードラップを有効または無効にすることができます。

5
user3145814

CTRL + SHIFT + ALT +左クリック

3
Luke Floden

タグを右クリックして[再帰的に展開]を選択するとうまくいきました。 Chromeバージョン66を使用しています。

また、右クリックして「子を折りたたむ」ことにより、すべて折りたたむことができます。

0
Pedz

On Chrome=ソースコードの矢印をクリックすると、すべての子要素が展開されます。


  • Alt +ドロップ矢印をクリック= 1レベルずつ展開
  • ALT + CTRL +ドロップ矢印をクリック=「すべて」レベルのラップを一度に解除
0