DevTools Tips: Workspace

Sofia Emelianova
Sofia Emelianova

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 Three-dot menu. > 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.