Feb 27, 2012
Chrome DevTools Autosave のインストール
デベロッパーツールで編集した内容が自動で保存できないのかなー？ と探してたらそれっっぽいのを発見。
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の変更するだけ。 自動的に保存してくれる。
elementに直接変更したCSSなどは保存してくれないが、CSSファイルそのものを修正したものは保存してくれる。