web-dev-qa-db-ja.com

Chromeを取得してソースマップをリロードするにはどうすればよいですか?

Chrome Dev 27を使用していて、Dev Toolsの設定でチェックキャッシュを無効にする。ページをリロードすると、Chromeは、.jsファイルを含め、マップページで使用されるすべてのリソースを適切にリロードします。ただし、対応する ソースマップ.mapは自動的に再ロードされません。 Chromeアプリ間のHTTPトラフィックを監視し、その後のページの読み込み時に、.mapファイルに対するChromeからのリクエストが表示されません。 Chromeを取得してソースマップも再読み込みするにはどうすればよいですか?

Chromeが.mapファイルをリロードしない場合の問題は、.jsが生成されたファイルもリロードされないことです。私の場合、これはたまたまCoffeeScriptファイル(.coffee)です。デバッグ中のSourcesタブで、(.coffeeからの)新しいコードが実行されている場合でも、古いバージョンの.jsファイルを確認しています。

21
avernet

私はちょうど今日これと同じ問題を抱えていました。私のためにそれを解決するのを待ったのは、ソースの下のコーヒーファイルのタブを閉じ、ネットワークタブに移動し、右クリックして、「ブラウザのキャッシュをクリア」を選択することでした

これは私のためにそれを修正しました。

とは言うものの、マップされたファイルが常にキャッシュに「スタック」するわけではありません...たまにしか発生せず、キャッシュをクリアするトリックで修正されます。

28
Philip Thrasher

同じ問題が発生し、いくつかの追加の解決策が見つかりました。

これ commit およびthis bug report によると、問題は解決されており、次のビルドの1つに影響を与えることはありません。

ブラウザのキャッシュ全体をクリアするよりも、この問題を少し簡単に解決できます。

ブラウザタブでソースマップを開き、ハードリロードを実行します(OSによっては、試してみてください) CTRL+F5)。これにより、ファイルが更新され、ブラウザのキャッシュが保持されます。

別の方法で、おそらく良い習慣は、?build=12345のようなパラメーターを追加してソースマップの生成をハックすることです。ソースマップのファイル名を操作する方法については、ビルドツールを参照してください。

サーバー構成または.htaccessにアクセスできる場合は、「。js.map」のようなソースマップ拡張子のヘッダーCache-Control: no-cacheを設定できます。

3
Trendfischer

[設定]-> [詳細設定を表示]-> [閲覧データの消去]-> [キャッシュされた画像とファイル]のみをオンにする-> [閲覧データの消去]をクリックします

これにより、すべてのCookieを削除せずに、ブラウザにキャッシュしたソースマップがクリアされます。

1
Joao Franco

。mapファイルを削除そしてハードリロード(CTRL-F5)を実行することで問題を解決しました。

私は自分の歴史をすべて失いたくありませんでした!

0
madannes