問題タブ [livereload]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

550 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
1920 参照

node.js - 間違った CSS パス - Grunt でのライブ リロードの問題

Gruntfile.js にこの設定があります

私のスタイルシートは次のようにロードされます:

css ファイルを変更するたびに、この URL のブラウザで 404 エラーが発生します

cssファイルは次の場所にあるため、これはもちろん正しいです：

正しい URL を取得するためにライブ リロードを取得するにはどうすればよいですか?

0 投票する
2 に答える
1512 参照

jekyll - Gulp と Livereload で Jekyll を使用する

この質問は、Gulp で Jekyll を実行する方法を示唆しています。

livereload をトリガーできないことを除いて、正常に動作します (ただし、エラーなしで実行されます)。

ノードに関する私の知識は限られているため、おそらく何かが不足しています...

0 投票する
1 に答える
484 参照

ruby-on-rails - LiveReload: 通常 CSS が更新されない (Chrome)

リロードが正常に機能しているように見える LiveReload セットアップがありますが、CSS に加えた変更は通常、ページの更新を実行する前に適用されません。

私が観察していること：

  1. ブラウザがサーバーに接続: 「ブラウザが接続されました」と表示されます。ログで）
  2. ファイルに変更を加えるたびに、LiveReload が反応していることを確認できます。ログに「Browser reloading /path/to/file」と表示されます。
  3. ファイルが HTML ファイルである場合は常に、ブラウザーはページを完全にリロードします。

  4. ファイルが CSS ファイルの場合は常に、サーバー ログと Chrome の開発者ツールの両方で示されているように、ファイルがリロードされていることを確認できますが、レイアウトには何も起こりません。css ファイルに 2 つの編集を加えた結果のスクリーンショットを含めました。

  5. ときどきブラウザが実際に更新されますが、これがいつ発生するかについてのパターンを確認できませんでした。

ここに何があるか知っている人はいますか？

ここで実際のリロードが機能しているため、関連性があるかどうかはわかりませんが、私のセットアップはguard-livereload 2.1.1とrack-livereload 0.3.15で構成されています(ブラウザプラグインを使用する必要がないようにするため)。

0 投票する
2 に答える
18686 参照

javascript - Chrome での JavaScript のライブ リロード

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

0 投票する
1 に答える
272 参照

ios - LiveReload は iOS のリロードに失敗しますが、すべて同じ WiFi 上の別のコンピューターで動作します

Web サイトを開発するときにブラウザをリロードするために、Gulp (および Web サーバーとして MAMP) を介してLiveReloadを使用しています。Gulp を使用して LiveReload サーバーを起動し、LiveReload js ファイルへの参照を挿入します。

192.168.1.102 は、現在の WiFi のローカル IP です。

これは私のローカル マシンで完全に機能し、Safari と Chrome の両方をリロードします。

ローカル Web サーバーをホスト ファイルに追加したのと同じネットワーク上に Ubuntu マシンもあります192.168.1.102 my.project.dev。これも完全に機能します。

しかし、iOS デバイスでブラウザを自動的に更新したいとも考えています。現在、Safari を搭載した iPhone を使用しています。iPhone でホスト ファイルを編集できないため、 SquidManを使用してローカル マシンにプロキシを設定しました。プロキシを iPhone ネットワーク構成に追加した後、自分のmy.project.devサイトに問題なくアクセスできます。しかし、ここに問題があります。iPhone では LiveReload が起動しません。http://192.168.1.102:35729/livereload.jsURLから直接アクセスしようとすると、iPhoneにアクセスできます。

ここで何が欠けていますか？iPhone が他のデバイスのようにリフレッシュされないのはなぜですか? 何か怪しいことをしているのはプロキシでしょうか?

0 投票する
1 に答える
318 参照

express - 高速サーバーの実行中に grunt watch を介してコンパスを実行するにはどうすればよいですか?

「grunt server」を実行すると、Sass のコンパイルを含むすべてが実行されます。Express および livereload サーバーの機能を維持しながら、Sass の変更を監視し、コンパスを実行するにはどうすればよいですか?

ファイルを変更すると livereload を含むすべてが機能しますが、そうでないのは、Sass ファイルを変更した場合にコンパスを実行して再コンパイルすることだけです。変更も検出しますが、実行しません。

できるだけ短くするために、gruntfile の関連部分を添付しました。

0 投票する
1 に答える
3940 参照

node.js - gulp-livereload を Watchify と統合する

次のように、Gulp ウォッチ タスク内で、より優れた Browserify ビルドのために Substack の Watchify を使用しています。

Live Reload をタスクに組み込む方法を見つけようとしているので、Watchify がそれを実行したときにトリガーされます。どうすればこれを行うことができますか？


12345678910