クイック ソース パネル

Dale St. Marthe
Dale St. Marthe
LinkedIn

[クイックソース] パネルを使用すると、他のパネルにアクセスしながら、ソースファイルを表示、編集できます。

概要

通常、ソースファイルの操作には [Sources] パネルを使用します。他のパネルにアクセスするには、[Sources] パネルから切り替える必要があります。[クイックソース] パネルは、デフォルトでは下部のドロワーで開くため、同時に他のパネルを使用できます。

クイックソース パネルを開く

[クイック ソース] パネルを開くには:

  1. DevTools を開きます。
  2. 次のコマンドを実行して、コマンド メニューを開きます。
    • macOS: Command+Shift+P
    • Windows、Linux、ChromeOS: Ctrl+Shift+P コマンド メニュー
  3. 「Quick source」と入力し、[クイックソースを表示] を選択して、Enter キーを押します。DevTools ウィンドウの下部に [Quick source] パネルが表示されます。

または、右上で more_vert [その他のオプション] > [その他のツール] > [クイックソース] を選択します。

開いているファイル

[クイックソース] パネルでは、[ソース] パネルで最後に編集したファイルが自動的に開きます。ソースファイルを手動で開くには、次のいずれかを行います。

  • [Open file] をクリックし、プルダウンからソースファイルを選択します。 [クイック ソース] パネルの [ファイルを開く] ボタン。
  • または、次のキーを押します。
    • macOS: Command+P
    • Windows、Linux、ChromeOS: Ctrl+P

[クイックソース] パネルが開いているときに Command+P ショートカットを使うと、ソースパネルではなくクイックソースパネルでソースファイルが開きます。