Chrome Developer Tools

DevTools へのアクセス

Developer Tools を開く⌘⌃Ifalse
[Inspect Element] モードとブラウザ ウィンドウを開く / 切り替える⌘⇧Ctrue
Developer Tools を開き、コンソールにフォーカスを移動する⌘⌃Jtrue

グローバル キーボード ショートカット

[General Settings] ダイアログの表示?false
次のパネル⌘]false
前のパネル⌘[false
パネル履歴を後ろに戻る⌘⌃[false
パネル履歴を前に進む⌘⌃]false
ドック位置の変更⌘⇧Dfalse
Device Mode の開始⌘⇧Mtrue
コンソールの切り替え / 設定ダイアログが開いている場合は閉じるEsctrue
ページの更新⌘Rfalse
キャッシュされているコンテンツを無視してページを更新する⌘⇧Rfalse
現在のファイルまたはパネル内でテキストを検索する⌘Ftrue
すべてのソースでテキストを検索する⌘⌃Ftrue
ファイル名で検索する([Timeline] を除く)⌘Otrue
ズームイン(DevTools にフォーカスがある場合)⌘⇧+false
ズームアウト⌘⇧-false
既定のテキストサイズに戻す⌘0false

Elements

変更を元に戻す⌘Zfalse
変更をやり直す⌘⇧Zfalse
ナビゲーション↑↓false
ノードの展開 / 折りたたみ→/←false
ノードの展開矢印を 1 回クリックfalse
ノードとそのすべての子を展開 / 折りたたみ⌃false
属性の編集Enterfalse
要素の非表示Hfalse

[Styles] サイドバー

ルールの編集1 回クリックfalse
新しいプロパティの挿入スペースで 1 回クリックfalse
ソースのスタイル ルール プロパティ宣言の行に移動⌘プロパティをクリックfalse
ソースのプロパティ値宣言の行に移動⌘プロパティ値をクリックfalse
色の定義値を順に表示⇧カラーピッカー ボックスをクリックfalse
次のプロパティの編集Tabfalse
前のプロパティの編集⇧Tabfalse
値を増やす / 減らす↑/↓true
値を 10 ずつ増やす / 減らす⇧↑/↓true
値を 100 ずつ増やす / 減らす⌘↑/↓true
値を 0.1 ずつ増やす / 減らす⌃↑/↓true

Sources

スクリプト実行の一時停止 / 再開F8⌘\false
次の関数呼び出しのステップ オーバーF10⌘'false
次の関数呼び出しのステップインF11⌘;false
現在の関数のステップアウト⇧F11false
次の呼び出しフレームの選択⌃.false
前の呼び出しフレームの選択⌃,false
ブレークポイント条件の切り替え⌘Bfalse
ブレークポイント条件の編集行番号を右クリックfalse
個別の単語の削除⌃Deletefalse
行または選択したテキストにコメントを付ける⌘/false
ローカルな変更を保存⌘Sfalse
すべての変更を保存⌘⌃Sfalse
行に移動⌃Gfalse
ファイル名で検索⌘Otrue
行番号にジャンプ⌘P:番号false
列にジャンプ⌘O:番号:番号false
メンバーに移動⌘⇧Ofalse
アクティブなタブを閉じる⌃Wfalse
スニペットの実行⌘Enterfalse

コードエディタ内

行番号にジャンプ⌘P:番号false
列にジャンプ⌘O:番号:番号false
コメントの切り替え⌘/false
次のオカレンスの選択⌘Dfalse
最後の選択を元に戻す⌘Ufalse

Timeline

記録の開始 / 停止⌘Efalse
タイムライン データの保存⌘Sfalse
タイムライン データの読み込み⌘Ofalse

Profiles

記録の開始 / 停止⌘Efalse

Console

候補の受け入れ→false
前のコマンド / 行↑true
次のコマンド / 行↓true
コンソールにフォーカス⌃`false
コンソールのクリア⌃Ltrue
複数行入力⌃↩false
実行↩false