Workspace では、DevTools で行った変更を、パソコンにローカルに保存されているソースファイルに保存できます。ワークスペースの設定と使用方法については、動画をご覧ください。
Workspace で変更を保存するには:
- ソースフォルダを [Sources] > [Filesystem] に追加し、DevTools にアクセス権限を付与します。
- [クイック開く] ダイアログでソースファイルを開くには、Command / Ctrl+O ショートカットを使用します。
- ファイルの編集には、[要素] や [ソース] > [ページ] ではなく、[ソース] > [ファイルシステム] を使用します。
- 他のパネルで作業しているときに、 > [その他のツール] > [クイック ソース] ドロワー タブを使用すると、ソースを変更できます。
より実践的な演習をしたい場合は、ワークスペースでファイルを編集、保存するの手順をご覧ください。