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.
This post is also available in:
English