#extentiion

デベロッパーツールで編集した内容が自動で保存できないのかなー？ と探してたらそれっっぽいのを発見。

https://github.com/NV/chrome-devtools-autosave

Chromeの試験運用版の拡張機能 APIを有効にする。

ここ「 chrome://flags/ 」にアクセスして、「試験運用版の拡張機能 API」を有効にする。

拡張機能をインストールする。

githubのドキュエントにリンク先が書いてある。 https://github.com/NV/chrome-devtools-autosave サイトを訪問したら、「Install Chrome DevTools Autosave」と書いてあるところが拡張機能本体のリンクなのでそいつをインストール。

node.jsのパッケージをインストール

https://github.com/NV/chrome-devtools-autosave-server

npmでインストールできる。

npm install -g autosave

使い方

autosaveコマンドでサーバーを起動する。

$ autosave DevTools Autosave is listening on http://127.0.0.1:9104

ファイルをChromeで開いて修正

file:// スキーマを用いて修正したいファイルを開く。 後はChromeのデベロッパーツールを使ってCSSやJSの変更するだけ。 自動的に保存してくれる。