DevTools Tips hero logo

DevTools Tips: Workspace

Published on

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.

Published on Improve article

Back

New in Chrome 114

Next

Introducing the popover API

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.