クイック ソース パネル

Dale St. Marthe

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

概要

通常、ソースファイルの操作には [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 ショートカットを使うと、ソースパネルではなくクイックソースパネルでソースファイルが開きます。