DevTools Tips: Workspace

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 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.

This post is also available in: English