キーボード ショートカット

Sofia Emelianova
Sofia Emelianova

このページでは、Chrome DevTools のキーボード ショートカットについて説明します。

ショートカットはツールチップにも表示されます。DevTools の UI 要素にカーソルを合わせると、ツールチップが表示されます。要素にショートカットがある場合は、そのショートカットがツールチップに含まれます。

DevTools を開くキーボード ショートカット

DevTools を開くには、カーソルがブラウザ ビューポートにフォーカスされている状態で、次のキーボード ショートカットを押します。

アクションMacWindows / Linux
最後に使用したパネルを開くCommand+Option+IF12 または Ctrl+Shift+I
[コンソール] パネルを開くCommand+Option+JCtrl+Shift+J
[要素] パネルを開くCommand+Shift+C または Command+Option+CCtrl+Shift+C

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

次のキーボード ショートカットは、ほとんどの DevTools パネルで使用できます。

アクションMacWindows / Linux
[設定] を表示する? または Function+F1? または F1
次のパネルにフォーカスを移動するcommand+]Ctrl+]
前のパネルにフォーカスを移動するCommand+[Ctrl+[
最後に使用したドッキング ポジションに戻します。セッション全体で DevTools がデフォルトの位置にあった場合、このショートカットは DevTools を固定を解除して別のウィンドウに表示します。Command+Shift+DCtrl+Shift+D
[デバイスモード] を切り替えるCommand+Shift+MCtrl+Shift+M
要素検査モードを切り替えるCommand+Shift+CCtrl+Shift+C
コマンド メニューを開きます。Command+Shift+PCtrl+Shift+P
ドロワーを切り替えるエスケープエスケープ
通常の再読み込みCommand+RF5 または Ctrl+R
ハード再読み込みCommand+Shift+RCtrl+F5 または Ctrl+Shift+R
現在のパネル内のテキストを検索します。[要素]、[コンソール]、[ソース]、[パフォーマンス]、[メモリ]、[JavaScript プロファイラ]、[クイックソース] パネルでのみサポートされます。Command+FCtrl+F
ドロワーの [検索] タブを開きます。このタブでは、読み込まれたすべてのリソースでテキストを検索できます。Command+Option+FCtrl+Shift+F
[ソース] パネルでファイルを開くCommand+O または Command+PCtrl+O または Ctrl+P
拡大Command+Shift++Ctrl+Shift++
縮小Command+-Ctrl+-
デフォルトのズームレベルに戻すCommand+0Ctrl+0
スニペットを実行Command+O キーを押してコマンド メニューを開き、! と入力します。スクリプトの名前を入力して Enter キーを押します。Ctrl+O キーを押してコマンド メニューを開き、! と入力します。スクリプトの名前を入力して Enter キーを押します。

要素パネルのキーボード ショートカット

アクションMacWindows / Linux
変更を元に戻すCommand+ZCtrl+Z
変更をやり直すCommand+Shift+ZCtrl+Y
現在選択されている要素の上下にある要素を選択する上矢印 / 下矢印上矢印 / 下矢印
現在選択されているノードを展開します。ノードがすでに展開されている場合は、このショートカットでその下の要素が選択されます。右矢印右矢印
現在選択されているノードを閉じます。ノードがすでに閉じられている場合は、その上の要素が選択されます左矢印左矢印
現在選択されているノードとそのすべての子を展開または閉じるOption キーを押しながら、要素名の横にある矢印アイコンをクリックします。Ctrl+Alt を押しながら、要素名の横にある矢印アイコンをクリックします。
現在選択されている要素で [属性を編集] モードを切り替える入力入力
[属性を編集] モードに入った後で、次の属性または前の属性を選択するTab / Shift+TabTab / Shift+Tab
現在選択されている要素を非表示にするHH
現在選択されている要素で [HTML として編集] モードを切り替える関数+F2F2

スタイルペインのキーボード ショートカット

アクションMacWindows / Linux
プロパティ値が宣言されている行に移動します。Command キーを押しながら、プロパティ値をクリックします。Ctrl キーを押しながら、プロパティ値をクリックします。
色値の RGBA、HSL、16 進数を切り替えるShift キーを押しながら、値の横にある [カラー プレビュー] ボックスをクリックします。Shift キーを押しながら、値の横にある [カラー プレビュー] ボックスをクリックします。
次のプロパティまたは値 / 前のプロパティまたは値を選択するプロパティ名または値をクリックし、Tab キーまたは Shift+Tab キーを押します。プロパティ名または値をクリックし、Tab キーまたは Shift+Tab キーを押します。
プロパティ値を 0.1 増減する値をクリックし、Option+上矢印 / Option+下矢印 キーを押します。値をクリックし、Alt+上矢印 / Alt+下矢印 キーを押します。
プロパティ値を 1 増やす / 減らす値をクリックし、上矢印 / 下矢印 を押す値をクリックし、上矢印 / 下矢印 を押す
プロパティ値を 10 ずつ増減する値をクリックし、Shift+上矢印 / Shift+下矢印 キーを押す値をクリックし、Shift+上矢印 / Shift+下矢印 キーを押す
プロパティ値を 100 ずつ増減する値をクリックし、Command+上矢印 / Command+下矢印 を押します。値をクリックし、Ctrl+上矢印 / Ctrl+下矢印 キーを押します。
角度値の度(deg)、グラディアン(grad)、ラジアン(rad)、回転(turn)の表示を切り替えるShift キーを押したまま、値の横にある [角度プレビュー] チェックボックスをクリックします。Shift キーを押したまま、値の横にある [角度プレビュー] チェックボックスをクリックします。
角度値を 1 増減する値の横にある [角度のプレビュー] ボックスをクリックし、上矢印 / 下矢印 を押します。値の横にある [角度のプレビュー] ボックスをクリックし、上矢印 / 下矢印 を押します。
角度値を 10 ずつ増減する値の横にある [角度のプレビュー] チェックボックスをクリックし、Shift+上矢印 / Shift+下矢印 を押します。値の横にある [角度のプレビュー] チェックボックスをクリックし、Shift+上矢印 / Shift+下矢印 を押します。
角度値を 15 度増減する値の横にある [角度プレビュー] ボックスをクリックし、Shift キーを押しながら [角度時計オーバーレイ] をクリック / マウスでスライドします。値の横にある [角度プレビュー] ボックスをクリックし、Shift キーを押しながら [角度時計オーバーレイ] をクリック / マウスでスライドします。

ソースパネルのキーボード ショートカット

アクションMacWindows / Linux
スクリプトの実行を一時停止(現在実行中の場合)または再開(現在一時停止中の場合)F8 または command+\F8 または Ctrl+\
次の関数呼び出しにステップ オーバーF10 または command+'F10 または Ctrl+'
次の関数呼び出しにステップインF11 または command+;F11 または Ctrl+;
現在の関数からステップアウトShift+F11 または Command+Shift+;Shift+F11 または Ctrl+Shift+;
一時停止中に特定のコード行に続行するCommand キーを押しながら、コード行をクリックします。Ctrl キーを押しながらコード行をクリックします。
現在選択されているフレームの下 / 上の呼び出しフレームを選択します。Ctrl+. / Ctrl+,Ctrl+. / Ctrl+,
ローカル変更の変更を保存するCommand+SCtrl+S
すべての変更を保存Command+Option+SCtrl+Alt+S
行に移動Ctrl+GCtrl+G
現在開いているファイルの行番号に移動するCommand+O キーを押してコマンド メニューを開き、: と行番号を入力して Enter キーを押します。Control+O キーを押してコマンド メニューを開き、: と行番号を入力して Enter キーを押します。
現在開いているファイルの列に移動する(例: 行 5、列 9)Command+O を押してコマンド メニューを開き、: と行番号、別の : と列番号を入力して Enter キーを押します。Control+O キーを押してコマンド メニューを開き、: と入力して行番号を入力し、もう一度 : と入力して列番号を入力し、Enter キーを押します。
関数宣言(現在開いているファイルが HTML またはスクリプトの場合)またはルールセット(現在開いているファイルがスタイルシートの場合)に移動します。Command+Shift+O キーを押して、宣言 / ルールセットの名前を入力するか、オプションのリストから選択します。Ctrl+Shift+O キーを押して、宣言 / ルールセットの名前を入力するか、オプションのリストから選択します。
アクティブなタブを閉じるOption+WAlt+W
次のタブまたは前のタブを開くFunction+Command+またはCtrl+PageUp または PageDown
左側の [ナビゲーション] サイドバーを切り替えるCommand+Shift+YCtrl+Shift+Y
右側の [デバッガ] サイドバーを切り替えるCommand+Shift+HCtrl+Shift+H

コードエディタのキーボード ショートカット

アクションMacWindows / Linux
最後の単語のカーソルまでのすべての文字を削除しますoption+deleteCtrl+Delete
コード行ブレークポイントを追加または削除する行にカーソルを合わせて、Command+B キーを押します。線にカーソルを合わせて、Ctrl+B キーを押します。
ブレークポイントの編集ダイアログを開いて、条件付きブレークポイントまたはログポイントを編集する行にカーソルを合わせ、Command+Alt+B キーを押します。行にカーソルを合わせ、Ctrl+Alt+B キーを押します。
条件付きブレークポイント ダイアログを開く行番号を command+クリック行番号を Ctrl+クリック
[logpoint] ダイアログを開くCommand+Shift+行番号をクリックCtrl+Shift+行番号をクリック
一致するかっこに移動Ctrl+MCtrl+M
単一行コメントを切り替えます。複数行を選択すると、DevTools は各行の先頭にコメントを追加します。Command+/Ctrl+/
カーソルが置かれている単語の次の出現箇所を選択 / 選択解除します。各出現箇所が同時にハイライト表示されるCommand+D / Command+UCtrl+D / Ctrl+U

ネットワーク パネルのキーボード ショートカット

アクションMacWindows / Linux
ヘッダー、ペイロード、レスポンスを検索するCommand+FCtrl+F
録画を開始 / 停止するCommand+ECtrl+E
再読み込みを記録するCommand+RCtrl+R
選択した XHR リクエストをリプレイするRR
選択したリクエストの詳細を非表示にするエスケープエスケープ

パフォーマンス パネルのキーボード ショートカット

アクションMacWindows / Linux
録画を開始 / 停止するCommand+ECtrl+E
記録を保存Command+SCtrl+S
録音を読み込むCommand+OCtrl+O

メモリパネルのキーボード ショートカット

アクションMacWindows / Linux
録画を開始 / 停止するCommand+ECtrl+E

コンソール パネルのキーボード ショートカット

アクションMacWindows / Linux
予測入力の候補を採用する右矢印または Tab右矢印または Tab
予測入力の候補を拒否するエスケープエスケープ
予測入力リストを上下に移動する上矢印 / 下矢印、または Ctrl+P / N上矢印 / 下矢印、または Ctrl+P / N
過去の明細書を取得する上矢印上矢印
次の明細書を取得する下矢印下矢印
コンソールにフォーカスを合わせるCtrl+`Ctrl+`
コンソールを消去するCommand+K または Option+LCtrl+L
複数行の入力を強制します。なお、DevTools はデフォルトで複数行のシナリオを検出するため、通常、このショートカットは不要です。Shift+ReturnShift+Enter
実行返品入力
コンソールに記録されたオブジェクトのすべてのサブプロパティを開くAlt キーを押しながら [展開] > をクリックします。Alt キーを押しながら [展開] > をクリックします。
アクションMacWindows / Linux
すべての検索結果を展開/折りたたむCommand+Option+{ または }Ctrl+Shift+{ または }

レコーダー パネルのキーボード ショートカット

アクションMacWindows / Linux
録画を開始または停止するCommand+ECtrl+E
録音を再生Command+EnterCtrl+Enter
記録または選択したステップをコピーCommand+CCtrl+C
コードビューを切り替えるCommand+BCtrl+B

レイヤパネルのキーボード ショートカット

アクションMacWindows / Linux
X 軸と Y 軸に沿って図を移動するW(上)、A(左)、S(下)、D(右)W(上)、A(左)、S(下)、D(右)
パンモードを切り替えるXX
回転モードを切り替えるVV
図の位置と回転をリセットする00
図を拡大するShift++ キーまたはマウスホイール上Shift++ キーまたはマウスホイール上
図をズームアウトするShift+- キーまたはマウスホイール下Shift+- キーまたはマウスホイール下