26

Chrome デベロッパー ツールの [ソース] パネル内から JS をライブ編集できることは知っています。また、CSS をライブ再ロードするシステムがあることも知っていますが、ソースの場所 (URL またはローカル ディスクのいずれか) から JS をライブ再ロードできますか?あるいはワークスペースを何らかの形で活用するか、あるいは Chrome 開発者ツールのプラグインとしても利用する可能性があります)? 特に、これは CoffeeScript から JS へのセットアップに非常に役立ちます。

4

2 に答える 2

31

それがどれほど強力であるかを考えると、これをやろうとしている人を見つけるのは驚くほど難しい.

ページを更新せずに JS の自動ライブ リロードを実現するところまで来ました。これが私がすることです：

  1. インスペクタのsourcesタブで、右クリックして「フォルダをワークスペースに追加...」を選択します。
  2. 同期するを含むローカル フォルダを選択し、.jsをクリックします[okay]。
  3. .js新しく追加されたワークスペース フォルダー内にネストされたファイルを右クリックし、[ Map to Network Resource ] を選択して、ページから一致するものを選択.jsします。
  4. .js外部エディタを使用してローカル ファイルに変更を加えます。
  5. .jsインスペクターでファイルをクリックして、フォーカスがあることを確認します。これにより、「再コンパイルと更新」がトリガーされ、変更がページに挿入されます。

ステップ 5 は、何らかの方法で自動化する必要がある部分です。

これを、アプリを 1 つのファイルに自動的にバンドルするファイル ウォッチャーと組み合わせると.js、ページを更新しなくても自動リロードに近づくことができます。

于 2014-06-07T00:27:24.920 に答える
3

はい、grunt.js または gulp.js でそれを行うことができます。LiveReload と呼ばれる Chrome のアドオンと同様に、Codekit などの他のものもこれを行うことができます。

于 2014-02-22T03:16:46.693 に答える