DevToolsのワークスペース

ワークスペースに*.htmlファイルがあるフォルダーを指定(追加)すればDevToolsでそのフォルダー内の*.htmlファイルが編集できるようになる。
これを指定しない場合はソースの表示はリードオンリー画面に表示されて編集(書き換え・削除など)はできない。
その追加と削除の手順は以下の通り。

1
ソースエディタ―内のカーソルが黄色の行単位カーソルになっているのは、編集ができないリードオンリーであるという意味である。
「ファイルシステム」タブにある「+フォルダーをワークスペースに追加する」をクリックする。



2
「フォルダーの選択」ダイアログが出るので指定するフォルダーを選択する。



3
フォルダーを選択すると次のようなメッセージが出る。
「機密情報」など大げさで笑わせるが、気にせずに「許可」にする。そうしなければ先に進めない。



4
「ファイルシステム」タブの項目が次のような表示に変わる。
これでこのフォルダー内のファイルが右端のソースエディタ―の部分で編集できることになる。
ソースエディタ―から黄色の行単位カーソルが消えて普通のカーソルに戻っていることに注意。これで編集可能状態になる。



5
追加したフォルダーを削除する場合は、そのフォルダーを選択してマウスを右クリックする。
表示されたメニューから「ワークスペースからフォルダーを削除」を実行すればよい。


- 2021/06/28 -





Microsoft Edge DevToolsの使い方(1)
Microsoft Edge DevToolsの使い方(2)
Microsoft Edge DevToolsの使い方(3)
Microsoft Edge DevToolsの使い方(4)
Microsoft Edge DevToolsの使い方(5)
Microsoft Edge DevToolsの使い方(6)