web-dev-qa-db-ja.com

ChromeスクリプトデバッガにJavaScriptを強制的にリロードさせるにはどうすればよいですか?

私は本当にクロムデバッガでJavaScriptを編集する機能が好きです、しかし、私はそれがデバッガにサーバからJavaScriptを再取得させることは本当に問題になるかもしれないことがわかります。

デバッガを閉じてフレームをリロードするだけで問題ない場合もありますが、それ以外の場合(これがどのような状況で発生してもピン留めできない場合)、一時インターネットキャッシュをクリアする必要があります。ときどき、クロムを完全に閉じ、キャッシュをクリアしてからページをロードする必要があると誓うことがありますが、その前にデバッガから最新のスクリプトが表示されます。

(注:Webサーバによるスクリプトのキャッシュはありません)

デバッガにそのすべてのJavaScriptを無効にしてページのリロード時にすべて新しいものを取得するように指示するためのすばやく簡単な方法を誰かが知っているのではないかと思いましたか。

232
Chris Fewtrell

スクリプトを開発している間は、Chromeキャッシュを無効にしてみてください。

ページをリロードすると、JavaScriptが更新されます。


2011年頃のChrome

Open settingsDisable the cache


クローム2018年頃

Open settingsDisable the cache

ネットワークタブからもアクセスできます。

Network tab

312
adrianbanks

enter image description here

上に表示されたコンテキストメニューは、右クリック/押したままにする「再読み込み」ボタン、Chrome Dev Toolsが開いているからアクセスできます。

空のキャッシュとハードリロードは私には最適です。

もう一つの利点:このオプションは開いている他のタブやウェブサイトのデータをそのまま残します。現在のページをリロードしてクリアするだけです。

125
Bishoy Hanna

次の操作を行って、特定のファイルをいつでも消去できます。

  1. オープン開発ツール
  2. [ソース]タブをクリックします
  3. スクリプト/画像/ファイルを探す
  4. 右側のパネルをチェックして、ファイルが最新のものかどうかを確認してください

そうでない場合:

  1. 左側のパネルでリソースを右クリックして、[新しいタブでリンクを開く]を選択します。
  2. 上記の方法でリソースのリロードを強制します。 (@Bishoy Hannaの例を参照)

フレーム内のリソースがあり、CTRL+F5がそれらを強制的にリフレッシュしない場合、これは非常に便利です。

33
Steve Tauber

Shift+F5 すぐにキャッシュをクリアします。

11
Peter Kelly

グーグルクロムのためではない Ctrl+F5。それは Shift+F5 現在のキャッシュを消去します。わたしにはできる !

8
RPDeshaies

これがDevToolsへのショートカットです。

  1. F12 DevToolsを開く方法
  2. F1 DevToolsの設定を開く方法
  3. 以下のようにチェックキャッシュを無効にします(DevToolsが開いている間)

enter image description here

注:Dimiのコメントに従って更新されました。彼らはそれを動かす傾向があるので、あなたがそれが変更されたことに気付いたら私に知らせるか更新を教えてください。

7
Tony L.

Windowsでは、 Ctrl+Shift+r スクリプトをクロムで強制的に再ロードします。

3
Vijay Nandwana

開発者ツールでJavaScriptをローカルに変更する場合は、ページをリロードする前に必ずそれらの変更を無効にする必要があります。

[Sources]タブで、スクリプトを開いた状態でスクリプトを右クリックし、コンテキストメニューから[Local Modifications]オプションをクリックします。変更を保存したスクリプトのリストが表示されます。そのウィンドウに表示されている場合、Developer Toolsはサーバーから更新するのではなく、常にローカルコピーを保持します。 [元に戻す]ボタンをクリックしてからもう一度更新すると、新しいコピーが表示されます。

2
Steve K

Chromeデバッガはソースファイルをメモリにロードし、ブラウザのキャッシュが更新されてもソースファイルを移動させないようにします。つまり、同期していないブラウザのキャッシュとは別に独自のキャッシュがあります。少なくとも、これはソースマップファイルを扱うときに当てはまります(私はTypeScriptソースをデバッグしています)。ブラウザキャッシュを正常に更新してソースファイルを直接参照して検証した後は、更新されたファイルをダウンロードしますが、デバッガでファイルを再度開くとすぐに、通常のブラウザキャッシュのバージョンに関係なく古いファイルが返されます。非常に厄介です。

私はこれをchromeのバグと考えます。バージョンVersion 46.0.2490.71 mを使用しています。

唯一役立つことは、chromeを再起動することです(すべてのchromeブラウザを閉じます)。

1
David Fahlander

もしあなたがApache上でローカルサーバを走らせているのなら、キャッシュの問題のように見えることがあります。これは私がApacheサーバをVagrantの下で(virtualboxの中で)走らせていたときに起こりました。

設定ファイルに次の行を追加するだけです(/etc/httpd/conf/httpd.confまたは同等のもの)。

#Disable image serving for network mounted drive
EnableSendfile off

EnableSendfileが他の場所でonに設定されているかどうかを確認するために設定ファイルを検索する価値があることに注意してください。

0
MattClimbs

私の意見では、あなたのJavaScriptファイルがキャッシュから来ないようにするために、クロムの「プライベートブラウジングセッション」で作業するのが最も簡単です。

0
scottbiker

また2つの(速い)回避策があります:

  1. シークレットモードでデバッグを実行し、ウィンドウを閉じてから再度開きます。
  2. 閲覧履歴を削除する
0
Peter verleg

ブレークポイントを無効にすると、新しいスクリプトが読み込まれました。

0
Mike W

ロードしているファイルがキャッシュされていて、加えた変更がコードに反映されていない場合は、2つの方法で対処できます。

  1. みんなが言ったようにキャッシュをクリアする

  2. あなたがキャッシュを欲しがってファイルだけをリロードする必要があるなら、あなたはdevツールのネットワークタブに行き、ロードされたものは何でもクリアすることができます。次回はキャッシュからロードしません。最新の変更があります。

0
iamshravan