chromeのキャッシュが消えず、javascriptが反映されない

Question

ゴール
javascriptを修正した場合、それが即座に開発中のものに反映される。

問題
「キャッシュの消去とハード再読込」を行っても、javascriptの変更点が全く反映されません。

補足
試しにjavascriptのソースを全部コメントアウトしても、コメントアウトする前の状態で動いています。
お手上げ状態です。

Comments

[m.ts10806]

開発中のものはどのようにアップデートしているのでしょうか。

[defghi1977]

あなたの開発環境(WEBブラウザ側ではなくWEBサーバーやネットワーク構成等)について追記して下さい.

Answer 1

自分の場合はChrome Dev toolのDisable cacheをオンにしてます。

Comments

[buchio17]

ありがとうございます。こちら、機能知りませんでしたが調べて確認したところ適切に挙動するようになりました。

Answer 2

直しているファイルが正しくアップロードされているかを疑うべきでは？
・アップロードしているファイルと別のファイルを直している
・開いているページと直しているファイルに関係がない
・上書きしていない
この辺りな気がします。

Comments

[buchio17]

おっしゃる通りなので、全ファイル保存し直して、dev toolの「Disable cache」にチェック入れた所適切に挙動しました。ありがとうございます。

Answer 3

macならリロードボタンを右クリックで、リロードの種類が選べます。（ハード削除など）
確実なのはchromeデベロッパツールでソースを見ながら、該当のJSを別タブで開き、
そのJSファイルをスーパーリロードすることです。

Comments

[buchio17]

質問に書いてある通り、すでに「キャッシュの消去とハード再読込」をしています。
下記の手順は把握していませんでした。ありがとうございます。
ググってやり方等調べてみます。
>>確実なのはchromeデベロッパツールでソースを見ながら、該当のJSを別タブで開き、
>>そのJSファイルをスーパーリロードすることです。

[buchio17]

developer toolの使い方が把握できていませんでした。
ブレークポイント設定したりできるのですね･･･これは便利だ｡｡｡
非常に助かりました。
『Chrome DevTools で JavaScript をデバッグする』
https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=ja

Answer 4

<script type="text/javascript" src=“app.js?v=20180311"></script>

キャッシュの問題であればバージョニング対策してみてはいかがでしょうか？
これで解決しないようでしたらキャッシュとは別の問題だと思います。

ファイルが正しく更新されていることやWebサーバーの設定周りを見直した方が良いと思います。

Answer 5

スーパーリロードでもだめでしょうか？
Windowsだと、Ctrl + F5
Macだと、cmd + R
だったはず・・・。

Comments

[buchio17]

「キャッシュの消去とハード再読込」＝スーパーリロードだと考えていますが、別のものでしょうか？