DevTools のヒント: Workspace

Sofia Emelianova

Workspace では、DevTools で行った変更を、パソコンにローカルに保存されているソースファイルに保存できます。ワークスペースの設定と使用方法については、動画をご覧ください。

Workspace で変更を保存するには:

• ソースフォルダを [Sources] > [Filesystem] に追加し、DevTools にアクセス権限を付与します。
• [クイック開く] ダイアログでソースファイルを開くには、Command / Ctrl+O ショートカットを使用します。
• ファイルの編集には、[要素] や [ソース] > [ページ] ではなく、[ソース] > [ファイルシステム] を使用します。
• 他のパネルで作業しているときに、 > [その他のツール] > [クイック ソース] ドロワー タブを使用すると、ソースを変更できます。

より実践的な演習をしたい場合は、ワークスペースでファイルを編集、保存するの手順をご覧ください。