DevTools Tips: Workspace

Workspace lets you save the changes you make in DevTools to source files stored locally on your computer. Watch the video to learn how to set up and use a Workspace.

To have Workspace save your changes:

• Add your source folder to Sources > Filesystem and grant DevTools the access permission.
• Use the Command / Control + O shortcut to open source files through the Quick Open dialog.
• Use Sources > Filesystem to edit the files, not Elements or Sources > Page.
• Use the > More Tools > Quick source drawer tab to make changes to sources while working in any other panel.

For a more hands-on experience, follow the steps in Edit and save files with Workspaces.