2

Google IO 2012 のこの Chrome Dev Tools の進化に関するビデオを見ていると、Chrome Dev Tools autosave と呼ばれるこのツールが、chrome dev tools から編集されたファイルを自動保存するのを見ました。私はWindowsを使用しており、すでにノードがインストールされているため、次のことのみを行いました。

  1. ここから devtools 自動保存をインストールします: https://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details
  2. サーバーをインストールしました:npm install -g autosaveそれが言うようにすべてがインストールされましたrunning on http://127.0.0.1:9104

  3. routes.js ファイルを作成し、サーバーのインストールを実行するフォルダーに保存しました。routes.js ファイルは次のようになります。

    exports.routes = [{
    from: /http:\/\/127.0.0.1\//,
    to: 'D:\/web_files/'
    }];
    

どうやらlocalhostChromeからのアクセスは機能しないようです(理由はわかりませんが、Firefoxや他のブラウザでのみ機能します127.0.0.1localhost

ここに画像の説明を入力

私が見逃したものは何か分かりますか?次のファイルでいくつかのスタイルを変更しようとしたため、機能していません。

http://127.0.0.1/tester/css/css1.html
4

2 に答える 2

3

まず、routes.js ファイルは必要ありません。Autosave バージョン 1.x では必要ありません。

CSS スタイルシートの URL はどのようになっていますか? Autosave はインライン スタイルシート ( 経由で含まれる<style>) ではまだ機能しないことに注意してください。

于 2012-07-20T19:57:49.423 に答える
0

私は Mac OSX ユーザーであり、自動保存を機能させるにはnodejsをインストールする必要がありました。これらは私が従った手順です:1)nodejsをインストールします2)ターミナルでこのコマンドを実行します

sudo npm install -g autosave
sudo npm run-script -g autosave autostart

3)Experimental Extension API を有効にする 4)Chrome 拡張機能から AutoSave 拡張機能をインストールする 5)Chrome を閉じてラップトップを再起動する

ターミナルで「autosave」と入力すると、自動保存が機能しているかどうかを確認できます。次のような結果が得られます。

saba$ autosave
http://127.0.0.1:9104 is already in use. Exiting.

タダ!! 自動保存を使用する準備ができました。

于 2014-01-22T04:04:29.803 に答える