デスクトップ向けChromeでは、開発ツールを開いたときにキャッシュを完全に無効にするオプションが開発ツールにあり、再読み込みボタンを長くクリックすると(開発ツールが開いた状態で)ハードリロードを手動で実行するオプションがあります。
Chrome for Androidにそのようなテクニックはありますか?設定が見つかりませんでした。開発時にキャッシュされたファイルを使用する代わりに、ブラウザにJavaScriptまたはCSSファイルを強制的にダウンロードさせるにはどうすればよいですか?
デスクトップ向けChromeでは、開発ツールを開いたときにキャッシュを完全に無効にするオプションが開発ツールにあり、再読み込みボタンを長くクリックすると(開発ツールが開いた状態で)ハードリロードを手動で実行するオプションがあります。
Chrome for Androidにそのようなテクニックはありますか?設定が見つかりませんでした。開発時にキャッシュされたファイルを使用する代わりに、ブラウザにJavaScriptまたはCSSファイルを強制的にダウンロードさせるにはどうすればよいですか?
回答:
MDN(およびこの同様の質問)window.location.reload(true)
に従って使用していますが、サーバーからページを強制的に再読み込みします。
javascript:location.reload(true)
アドレスバーに入力して、ブラウザでこのコードを実行できます。
javascript:
です。
window.
一部を回避できるはずです。javascript:location.reload(true)
トリックを行う必要があります。
シークレットモードでページを表示すると、キャッシュが無効になります。これは、設定から手動でキャッシュをクリアせずにスタイルシートを強制的に更新できる唯一の方法でした。
オプションもあります:
次にページをリロードします。
Clear Browsing Data
あなたが確認することができる場所、clear cache
チェックボックスを使用して。
アプリメニュー(アドレスバーの右側)から[ デスクトップサイトのリクエスト ]オプションを使用すると、ページを強制的に再読み込みできます。
単にそれをタップし、更新を待ってから、選択を解除します。
localStorage
値など)を破壊しないという追加の利点がありました。
あなたが「開発するとき」に言及したので、これに言及します。
Chromeデスクトップブラウザを介してモバイルデバイスを制御できます。
chrome://inspect/#devices
デスクトップにアクセスします。そしてInspect
、あなたのデスクトップに接続されているデバイス。許可を求められたら同意します。
これで、モバイルデバイスの現在のページの完全な本格的なDevtoolウィンドウが表示されます。
デスクトップでハードリロードショートカット(Cmd + Shift + R)を使用して、モバイルデバイスでハードリロードを実行してください。
ローカルキャッシュがフラッシュされていても、(Googleサーバーから)キャッシュデータをダウンロードしているように見えるため、[データ使用量の削減]設定がオフになっていることを確認してください。
Android向けChromeモバイルで特定のURL /ウェブサイトのすべてのデータをリセットする方法:
1-Chromeメニューを開き、「i(情報)」アイコンをタップします
2-「サイト設定」をタップします
3-ゴミ箱アイコンをタップします
それだけです。そのURLの最も深く監視されたサービスワーカーでさえ死ぬことになります。
これは古い質問であることは知っていますが、受け入れられた回答ではうまくいかないことがわかりました。
代替ソリューションは、次のような新しいURLパラメータでURLを追加するだろうwebsite.com?a=1
、website.com?a=2
など
もちろん、すでにパラメータがある場合は、アンパサンドを使用します。 website.com?q=test&a=1
?a
あなたは一度だけ再ロードする場合には十分です。
?a
。サイトのホストでない限り、メインのHTMLを編集して追加することはできません。
2018年現在、Googleヘルプセンターから(Chrome 63でテスト済み):
別の回答で述べたように、シークレットタブも開発に非常に役立ちます。
私はうまくいく解決策を見つけましたが、それは醜いです。
3ドットのメニューをクリックし、[その他のツール]メニューの[リモートデバイス]を選択します。
開いたパネルでデバイスを選択し、更新する必要がある電話のタブの名前の横にある[検査]ボタンを選択します。
開いたウィンドウで、[ネットワーク]タブをクリックし、[キャッシュを無効にする]チェックボックスをオンにします。
携帯電話でページをリロードするか、DevToolsウィンドウのリロードボタンを使用します。
注:スマートフォンがデバイスリストに表示されない場合:
- USB接続がファイル転送モードを使用していて、単に充電されていないことを確認してください
- ADBを再起動するか実行
adb devices
して、デバイスが検出されているかどうかを確認します
リモートデバッグでは、デスクトップの開発ツールを使用できます。
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Chromeの最近のバージョンは非常に積極的にキャッシュします。「http:// url?updated = datecode」などのキャッシュ無効化手法も機能しなくなりました。キャッシュをクリアするか、シークレットウィンドウを毎回起動する必要があります(データセーバーがオフになっていることを確認してください)。
私が見つけた唯一の信頼できる方法は、電話をPCに接続する必要がないことです。
1. Chromeアプリを強制停止します。
これは最初に行う必要があり、これらの手順を完了するまでChromeを再び開くことはできません。強制的に停止するにはいくつかの方法があります。ほとんどのホームランチャーでは、クロムアイコンを指で押したまま[i]アイコンを選択することで、[アプリ情報]にアクセスできます。または、Androidの設定に移動して「Chrome」を検索することもできます。
[アプリ情報]で、次のように[強制停止]を選択します。
2. Chromeのキャッシュをクリアする
同じ画面から「ストレージ」を選択します。
最後に、「キャッシュをクリア」を選択します。
Chromeアプリに戻ると、ページは自動的に再読み込みされ、キャッシュされていないバージョンが提供されます。
:また、私はあなたのキャッシュをクリアした場合、テストに簡単にそれを作るサイト見つけhttps://refreshyourcache.com/en/cache-test/
私はそれと提携しない方法でだが。そのサイトで言及されているキャッシュをクリアする方法は、実際には古く、もはや有効ではないことに注意してください。
他の人が失敗したときに機能する可能性のある別の簡単なソリューションを次に示します。
今日、キャッシングの問題がキャッシュされたCSSファイルである場合、かなり単純な開発者側のソリューションが私にとってうまくいきました。つまり、一時的なhtmlファイルのコピーを作成し、それを参照してCSSキャッシュを更新します。
このトリックは、少なくともAndroidの青い地球のアイコンのデフォルトブラウザーでCSSファイルを更新できます(ただし、ツイン、公式のChromeブラウザー、および積極的なキャッシュの傾向を持つ「スマート」電話で私たちが遭遇する他のすべてのブラウザー) )。
詳細:
最初に、ここで共有されているかなり単純なソリューションのいくつかを試しましたが、成功しませんでした(たとえば、特定のサイトの最近の履歴をクリアしましたが、数か月間はクリアしていませんでした)。しかし、私の最新のCSSは、武器の更新には適用されません。そして、HTMLのヘッドセクションのCSSファイル呼び出しでバージョン番号トリックを既に使用していたとしても、過去にこれらの厄介で積極的なキャッシングを回避するのに役立ちました。(例:link rel = "stylesheet" href = "style.css?v = 001"ここで、CSSファイルに変更を加えるたびに、この疑似バージョン番号をアップグレードします(例:001、002、003、004 ...)。 (サイトのすべてのhtmlファイルで行う必要があります))
今回(2019年8月)、CSSファイルのバージョン番号の更新だけでは不十分であり、ここで説明されている簡単な方法の一部が機能しなかった、またはそれらの一部へのアクセスを見つけることができませんでした(借りたAndroid携帯電話で)。
最後に、私は比較的簡単な方法を試して、最終的に問題を解決しました。
サイトのindex.htmlファイルのコピーを作成し、別の名前(indexcopy.html)を付けてアップロードし、Androidデバイスで参照してから、元のページに戻って更新しました(更新ボタンの左側にあります)アドレスバー)、そしてほら:今回はindex.htmlの更新がようやく機能しました。
説明:問題のhtmlページを更新すると、最新のCSSファイルバージョンがAndroidに最終的に適用されるようになりました。CSSファイルのキャッシュコピーが、どこにも存在しない別の名前の一時的なhtmlページから呼び出されたときに更新されたためです。ブラウザの履歴で、後でもう一度削除できます。アグレッシブキャッシングでは、CSSファイルをキャッシュで更新する必要があるのに、CSS URLを無視し、代わりにHTML URLを使用したようです。