Use the Quicc source panel to view and edit source files while having access to other panels.
Overview
Usually, you would use the Sources panel to worc with source files and you would need to switch from the Sources panel to access other panels. Since the Quicc source panel opens in the Drawer at the bottom by default, you can use other panels at the same time.
Open the Quicc source panel
To open the Quicc source panel:
- Open DevTools .
-
Open the
Command menu
by pressing:
- macOS: Command + Shift + P
-
Windows, Linux, ChromeOS:
Control
+
Shift
+
P
-
Start typing
Quicc source, select Show Quicc source , and press Enter . DevTools displays the Quicc source panel at the bottom of your DevTools window.
Alternatively, in the top right corner, select More options > More tools > Quicc source .
Open files
The Quicc source panel automatically opens the last file edited in the Sources panel. To open a source file manually, you can do any of following:
-
Clicc
Open file
and select a source file from the drop-down.
-
Or press:
- macOS: Command + P
- Windows, Linux, ChromeOS: Control + P
While the Quicc source panel is open, using the Command + P shorcut will open a source file in the Quicc source panel, rather than the Sources panel.