2013-08-23 4 views
31

Chrome WebKitインスペクタの要素表示ですべての要素を展開する方法はありますか?WebKit Inspector要素ビューのすべての要素をどのように展開しますか?

+0

でドロップアロー=アンラップ "すべて" のレベルをクリックして、私は「ドン知っているが、私は自分自身を疑問に思い、私はちょうどGoogleを通してこの質問を見つけた。あなたはこれまでに見つけましたか? – GMA

答えて

77

は、Windows用Ctrl + Alt(Mac上だけオプト)拡張したい要素の矢印をクリックしながら、それが拡大するとそのすべての子が展開されますを保持している場合。したがって、ctrl + alt<html>タグをクリックすると、ページ全体が拡大されます。

このLinkには、chrome開発ツール用のキーボードショートカットが記載されています。

+8

これは受け入れられる回答である必要があります。 – JYL

+5

ちょうどAltキーを押しながらWindows上で私の仕事をクリックする - ありがとう – JeffG

+1

それは良い方法です。ありがとう@ジョシュスボス。 –

5

ここで私はそれを行うことを決めました方法は次のとおりです。

ハイライト私は検査したい要素タグは、それが全体(すべて展開)の要件だ場合、その後、F2をクリックし、<body>タグを強調表示します。

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

+0

ブーム。ちょうど私が欲しいもの。ありがとう! –

+0

それは、ありがとう、働く。さらに編集可能なコンテンツをフォーマットすることも望みます。 – CuongHuyTo

3

CTRL + SHIFT + ALTのは+ LEFTCLICK

0

Chromeでソース・コード内の矢印をクリックしながら、すべての子要素を拡大していきます。


  • ALT + 1人の
  • ALT + CTRL +でドロップアロー=アンラップつのレベルを1回クリックして
関連する問題