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

  • [アーティクル]

これらは、Microsoft Edge DevTools の既定のキーボード ショートカットです。

DevTools では、アイコンの上にマウス ポインターを合わせると、多くの場合、ツールヒントにキーボード ショートカットが表示されます。

「 支援技術を使用した DevTools の移動 」および「 キーボード ショートカットのカスタマイズ」も参照してください。

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

DevTools を開くには、ブラウザー ビューポートにカーソルを合わせて次のキーボード ショートカットを押します。

Action Windows/Linux macOS
最後に使用したパネルを開く F12 または Ctrl + Shift + I Command + Option + I
コンソール ツールを開く Ctrl + Shift + J Command + Option + J
要素ツールを開く Ctrl + Shift + C Command + Shift + C または Command + Option + C

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

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

Action Windows/Linux macOS
設定の表示 Shift + ? または F1 Shift + ? または Function + F1
次のパネルにフォーカスを合わせる Ctrl + ] Command+]
前のパネルにフォーカスを合わせる Ctrl + [ Command+ [
最後に使用した ドッキング位置 に戻ります。 DevTools がセッション全体の既定の位置にある場合、このショートカットは DevTools を別のウィンドウにドッキング解除します。 Ctrl + Shift + D Command + Shift + D
デバイス エミュレーションの切り替え Ctrl + Shift + M Command + Shift + M
要素の検査モードを切り替える Ctrl + Shift + C Command + Shift + C
コマンド メニューを開く Ctrl + Shift + P Command + Shift + P
クイック ビュー パネルを切り替える Esc キー Esc キー
通常の更新 F5 または Ctrl + R Command + R
ハード 更新 Ctrl + F5 または Ctrl + Shift + R Command + Shift + R
現在のパネル内のテキストを検索します。 監査、アプリケーション、およびセキュリティ ツールではサポートされていません Ctrl + F Command + F
クイック ビューで検索ツールを開きます。これにより、読み込まれたすべてのリソースのテキストを検索できます Ctrl + Shift + F Command + Option + F
ソース ツールでファイルを開く Ctrl + O または Ctrl + P Command + O または Command + P
拡大する Ctrl++ コマンド++
縮小 Ctrl+- コマンド+-
既定のズーム レベルを復元する Ctrl + 0 Command + 0
スニペットを実行する Ctrl キーを押しながら O キーを押してコマンド メニューを開き、「!」と入力し、スクリプトの名前を続けて Enter キーを押します。 Command キーを押しながら O キーを押してコマンド メニューを開き、「!」と入力し、スクリプトの名前を続けて Enter キーを押します。

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

Action Windows/Linux macOS
変更を元に戻す Ctrl + Z Command + Z
やり直しの変更 Ctrl + Y Command + Shift + Z
現在選択されている要素の上/下にある要素を選択します 上方向キー / 下方向キー 上方向キー / 下方向キー
現在選択されているノードを展開します。 ノードが既に展開されている場合、このショートカットはノードの下にある要素を選択します 右方向キー 右方向キー
現在選択されているノードを折りたたみます。 ノードが既に折りたたまれている場合、このショートカットはノードの上にある要素を選択します 左矢印 左矢印
現在選択されているノードとすべての子を展開または折りたたむ Ctrl キーを押しながら Alt キーを押しながら、要素の名前の横にある矢印アイコンをクリックします Option キーを押しながら、要素の名前の横にある矢印アイコンをクリックします
現在選択されている要素 の [属性の編集] モードを切り替える Enter Enter
属性の編集モードに入った後、次の/前の属性を選択します ] タブ / Shift + Tab ] タブ / Shift + Tab
現在選択されている要素を非表示にする H H
現在選択されている要素の [編集 ] を HTML モードに切り替える Function + F2 F2

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

Action Windows/Linux macOS
プロパティ値が宣言されている行に移動します Ctrl キーを押しながらプロパティ値をクリックします コマンドを長押しし、プロパティ値をクリックします
カラー値の RBGA、HSLA、16 進表現を順番に切り抜ける Shift キーを押しながら、値の横にある [カラー プレビュー] ボックスをクリックします Shift キーを押しながら、値の横にある [カラー プレビュー] ボックスをクリックします
次のプロパティまたは前のプロパティまたは値を選択します プロパティ名または値をクリックし、Tab / Shift キーを押しながら Tab キーを押します プロパティ名または値をクリックし、Tab / Shift キーを押しながら Tab キーを押します
プロパティ値を 0.1 ずつインクリメント/デクリメントする 値をクリックし、 Alt キーを押しながら上方向キー / を押しながら Alt キーを押しながら下方向キーを押します 値をクリックし、 Option キーを押しながら上方向キー / Option キーを押しながら下方向キーを押します
プロパティ値を 1 ずつインクリメント/デクリメントする 値をクリックし、上方向キーを押して下方向キー / を押します 値をクリックし、上方向キーを押して下方向キー / を押します
プロパティ値を 10 ずつインクリメント/デクリメントする 値をクリックし、Shift キーを押しながら上方向 / キーを押しながら下方向キーを押します 値をクリックし、Shift キーを押しながら上方向 / キーを押しながら下方向キーを押します
プロパティ値を 100 ずつインクリメント/デクリメントする 値をクリックし、 Ctrl キーを押しながら上方向 / キーを押しながら下方向キーを押します 値をクリックし、 Command キーを押しながら上方向 / キーを押しながら下方向キーを押します
角度 (deg)、gradians (grad)、ラジアン (rad) を順番に切り替え、角度値の表現を回転 (ターン) します Shift キーを押しながら、値の横にある [角度プレビュー] ボックスをクリックします Shift キーを押しながら、値の横にある [角度プレビュー] ボックスをクリックします
角度値を 1 ずつインクリメント/デクリメントする 値の横にある [角度プレビュー] ボックスをクリックし、上方向キーを押して下方向キー / を押します 値の横にある [角度プレビュー] ボックスをクリックし、上方向キーを押して下方向キー / を押します
角度値を 10 ずつインクリメント/デクリメントする 値の横にある [角度プレビュー ] ボックスをクリックし、 Shift キーを押しながら上方向 / キーを押しながら下方向キーを押します 値の横にある [角度プレビュー ] ボックスをクリックし、 Shift キーを押しながら上方向 / キーを押しながら下方向キーを押します
角度値を 15 ずつインクリメント/デクリメントする 値の横にある [角度プレビュー] ボックスをクリックし、Shift キーを押し、[角度時計オーバーレイ] でマウス スライドをクリックします。 値の横にある [角度プレビュー] ボックスをクリックし、Shift キーを押し、[角度時計オーバーレイ] でマウス スライドをクリックします。

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

Action Windows/Linux macOS
スクリプト ランタイムの一時停止 (現在実行中の場合) または再開 (現在一時停止している場合) F8 または Ctrl + \ F8 または Command+\
次の関数呼び出しをステップオーバーする F10 または Ctrl + ' F10 または Command+'
次の関数呼び出しにステップインする F11 または Ctrl + ; F11 または Command+;
現在の関数からステップ アウトする Shift + F11 または Ctrl + Shift+; Shift + F11 または Command + Shift + ;
一時停止中に特定のコード行に進む Ctrl キーを押しながら、コード行をクリックします コマンドを長押しし、コード行をクリックします
現在選択されているフレームの下/上にある呼び出しフレームを選択します Ctrl + / Ctrl キーを押しながら、 Ctrl + / Ctrl キーを押しながら、
変更をローカルの変更に保存する Ctrl + S Command + S
すべての変更を保存する Ctrl + Alt + S Command + Option + S
行に移動する Ctrl + G Ctrl + G
現在開いているファイルの行番号にジャンプする Ctrl キーを押しながら O キーを押してコマンド メニューを開き、「:」と入力し、行番号を続けて Enter キーを押します。 Command キーを押しながら O キーを押してコマンド メニューを開き、「:」と入力し、行番号を続けて Enter キーを押します。
現在開いているファイルの列にジャンプします (例: 5 行目、9 行目) Ctrl キーを押しながら O キーを押してコマンド メニューを開き、「:」と入力し、行番号を入力し、次に別の :、列番号を入力し、Enter キーを押します。 Command + O キーを押してコマンド メニューを開き、「:」と入力し、行番号を入力し、次に別の :、列番号を押してから Enter キーを押します。
現在のファイルが HTML またはスクリプトの場合は、関数宣言に移動します。
現在のファイルがスタイルシートの場合は、ルール セットに移動します。		 Ctrl + Shift + O キーを押し、宣言/ルール セットの名前を入力するか、オプションの一覧から選択します Command + Shift + O キーを押し、宣言/ルール セットの名前を入力するか、オプションの一覧から選択します
アクティブなタブを閉じる Alt + W Option + W

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

Action Windows/Linux macOS
最後の単語のすべての文字を、カーソルまで削除します Ctrl + Delete Option + Delete
コード行ブレークポイントを追加または削除する 行にカーソルを合わせて Ctrl キーを押しながら B キーを押します 行にカーソルを合わせて、Command キーを押しながら B キーを押します
一致する角かっこに移動します Ctrl + M Ctrl + M
単一行コメントを切り替えます。 複数の行が選択されている場合、DevTools は各行の先頭にコメントを追加します Ctrl + / Command+/
カーソルがオンになっている単語の次の出現をオンまたはオフにします。 各出現箇所が同時に強調表示されます Ctrl + D / Ctrl + U Command + D / Command + U

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

Action Windows/Linux macOS
記録の開始/停止 Ctrl + E Command + E
記録を保存する Ctrl + S Command + S
記録の読み込み Ctrl + O Command + O

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

Action Windows/Linux macOS
記録の開始/停止 Ctrl + E Command + E

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

Action Windows/Linux macOS
オートコンプリート候補を受け入れる 右矢印 または タブ 右矢印 または タブ
オートコンプリートの提案を拒否する Esc キー Esc キー
前のステートメントを取得する 上方向キー 上方向キー
次のステートメントを取得する 下方向キー 下方向キー
コンソールにフォーカスを設定 する Ctrl + ' Ctrl + '
コンソールをクリア する Ctrl + L Command + K または Option + L
複数行のエントリを強制します。 DevTools は既定で複数行のシナリオを検出する必要があるため、このショートカットはほとんど不要です Shift + Enter Command + Return
以下のコマンドを実行します。 Enter 戻り値
コンソールに記録されるオブジェクトのすべてのサブプロパティを展開する Alt キーを押しながら、[展開] (展開) をクリックします。 Alt キーを押しながら、[展開 (展開)] をクリックします。

関連項目

注

このページの一部の情報は、Google によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条項に従って使用されています。 元のページは ここに あり、 Kayce Basques (テクニカル ライター、Chrome DevTools & Lighthouse) によって作成されています。

クリエイティブ・コモンズ・ライセンス この作品は 、クリエイティブ・コモンズ属性4.0国際ライセンスに基づきライセンスされています。