Quick source panel

Dale St. Marthe
Dale St. Marthe
LinkedIn

Use the Quick source panel to view and edit source files while having access to other panels.

Overview

Usually, you would use the Sources panel to work with source files and you would need to switch from the Sources panel to access other panels. Since the Quick source panel opens in the Drawer at the bottom by default, you can use other panels at the same time.

Open the Quick source panel

To open the Quick source panel:

  1. Open DevTools.
  2. Open the Command menu by pressing:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P