Display or edit source files using the Quick source tool

Use the Quick source tool to display or edit source files when using a tool other than the Sources tool.

The main place to view source files in the DevTools is within the Sources tool. But sometimes you need to access other tools, such as Elements or Console, while viewing or editing your source files. Use the Quick source tool, which by default opens in the Quick View panel at the bottom of DevTools.

See:

• Displaying source files when using a different tool in Sources tool overview
• Step 4: Save a JavaScript change to disk in Edit files with Workspaces (Filesystem tab)