firefox の開発ツールで css を編集して直接保存

Chrome をメインのブラウザとして使用しているため、css の調整にも Chrome の開発ツールを使用していたが、firefox の開発ツールだと、ローカルでファイルを開いているときに、保存でそのままファイルが更新されることに気づいた。

これはとても便利。

開発ツールで修正を行う css ファイル名のリンクをクリックして、

スタイルエディターで CTRL + S を押すか、保存を押すとそのファイルが更新される。


Chrome ではこれができず、メモリ上のファイルを更新されるような動作で、F5 で更新するとスタイルが戻っていた。

同じものだと思っていたが、使ってみないとわからないものだなと実感・・