![[Chrome for Developers]](https://www.gstatic.com/devrel-devsite/prod/v0f3a5b8b76e4a120372a69044e02756e703b6140f9f1812c6e4a0407b19864b7/chrome/images/lockup.svg){kind=link}
![[Dale St. Marthe]](https://web.dev/images/authors/dalestmarthe.jpg){kind=link}
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:
- Open DevTools.
- Open the Command menu by pressing:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
[Command Menu with ]
- Start typing
Quick source, select Show Quick source, and press Enter. DevTools displays the Quick source panel at the bottom of your DevTools window.
![[Command Menu with ]](https://developer.chrome.com/static/docs/devtools/quick-source/image/command-menu-quick-source.png){kind=link}
Alternatively, in the top right corner, select More options > More tools > Quick source.
Open files
The Quick source panel automatically opens the last file edited in the Sources panel. To open a source file manually, you can do any of following:
- Click Open file and select a source file from the drop-down.
[The Quick source panel open file button.] - Or press:
- macOS: Command+P
- Windows, Linux, ChromeOS: Control+P
![[The Quick source panel open file button.]](https://developer.chrome.com/static/docs/devtools/quick-source/image/qs-open-file-link.png){kind=link}
While the Quick source panel is open, using the Command+P shortcut will open a source file in the Quick source panel, rather than the Sources panel.