DevTools のヒント: Workspace

Sofia Emelianova
Sofia Emelianova

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

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

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

より実践的なハンズオンについては、Workspaces でファイルを編集して保存するの手順に沿って操作してください。