Chromeのリダイレクトキャッシュを一発削除する方法

Web開発とかWebアプリを作ってると、
必ずどこで リダイレクト が必要な場面があるはず

PHP はもちろん、JavaScript でもよく使います。

PisukeCode - Web開発まとめ
 
PHP・JavaScriptそれぞれでリダイレクトさせる方法＆コード例まとめ
https://pisuke-code.com/ways-to-redirect-on-php-and-js
あるページからあるページに機械的（スクリプト的）に移動させたい・・・そんなときの常とう手段と言えば リダイレクト です。ここでは自分への忘備録も兼ね、PHP・JavaScriptでのリダイレクト方法をまとめました。具体的なコード例についても紹介します。PHPの場合． リダイレクトには header 関数を使うまずPHPでリダイレクトさせる方法についてこれにはheader関数というヘッダー情報を送信できる関数を使います。 例えば現在ページから hoge.php  にリダイレクトさせたい場合、次のようなスクリプトを実行してあげればOK/// ho...

▲ この記事でも紹介したように、JS でも PHP でもリダイレクトは必須テク

 

ただ問題なのが、
Chromeだと リダイレクトキャッシュ が残ってしまうこと

これが意外と厄介で困った問題なんです。（FireFoxとかOperaでは起きない）

そこで、 リダイレクトキャッシュ問題と解決策 について詳解します。

リダイレクトキャッシュ問題が発生する原因

例えばPHPで次みたいなコードを書いたとします。

何の変哲もない、別ページにリダイレクトするようなコード

リダイレクト自体は難しくないです。

 

そしてリダイレクトが成功（失敗時も？）すると、
Chromeは親切にリダイレクト履歴を保存してくれるんです。

まあページ表示速度を速くなるから、ユーザーとか読者側にとっては便利なもの

ただ開発者側からすると、次の問題の原因 になることも・・・

  • リダイレクト処理ができずに無駄に悩む
  • なぜかコードを変更しても反映されない

こういう問題の温床になるのが困ったところですね。

でもこのリダイレクトキャッシュが残る問題、
ある方法を試せば一発どころかワンクリックで削除できるようになります。

リダイレクトキャッシュを削除する２つの方法

１．Chromeの設定から手動で削除する方法

まず１つめは Chrome から手動削除する方法

こっちは設定画面を開かないといけないので、少し面倒です。

その手順は次の通り

 

まずアドレスバーから次の 閲覧履歴の設定画面URL にアクセス

そうすると「閲覧履歴データの削除」の画面が出てくるはず

 

その画面で「Cookieと他のサイトのデータ」にチェックを入れ、「データを削除」ボタンを押せば完了

▼赤枠で囲った部分をクリック
「Cookieと他のサイトのデータ」にチェックを入れ、「データを削除」ボタンを押せばリダイレクトキャッシュの削除完了

期間を「全期間」に設定しているなら、かなり時間がかかるかも

それなりに時間がかかるので、しばらく待てばいいと思います。

 

そしてリダイレクト用コードを実行すれば、リダイレクトが正常に動くはず

手動でリダイレクトキャッシュを削除する方法はこんな感じです。

ワンクリックで削除するなら Clear Cache が便利

まあ手動でもキャッシュ削除はできるんですが・・・

いちいち設定画面開いてアレコレはやっぱ面倒ですよね。

なるべくなら一発でキャッシュ削除したい

そんなときは Clear Cache っていう拡張機能が超便利です。

使い方は以下の通り

 

まず次URLから Clear Cache をインスト―ル

https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn

▼ Clear Cache のダウンロード画面

Clear Cacheという拡張機能が便利

 

インストールが終わったらChrome右上に リサイクルマーク が表示されたはず

 

あとはリダイレクトキャッシュを削除したくなったら、
右上にあるリサイクルボタンをぽちっとを一押してやればＯＫ

▼このボタンを押すだけ！

このボタンを押すとリダイレクトキャッシュが一括削除できる

これだと設定画面を開かなくいいから楽ですね。

 

もしワンクリックすら面倒なら、
次の手順で ショートカットキー とかも設定できます。

  1. Chromeの設定画面をひらく
  2. 「その他ツール」から「ショートカット」をひらく
  3. 一番下の「キーボードショートカット」をクリック
  4. 拡張機能用ショトカキー登録画面が出てくる
  5. そこで Clear Cache にショトカキー登録してやればＯＫ

設定するキーはなるべく他と被らないものにしたほうがいいです。

例えば Clear Cache だから Ctrl  + Alt  + C  とかだと分かりやすいかも

そこは自分の好きなように設定すればいいと思います。

ここまでのまとめ

Chromeのリダイレクトキャッシュは場合によっては厄介なモノ

もしPHPとかJS内でリダイレクトがうまくいかない・・・イライラ・・・

そういう場合は リダイレクトキャッシュ を疑ってみてください。

 

あとコード自体に問題がないかの吟味も忘れずに

もしリダイレクトがうまくいかないなら、次記事もご覧ください。

▼PHPでリダイレクトが上手くいかないときの対処法

PisukeCode - Web開発まとめ
 
PHPのheader関数でリダイレクトできないときの３つの対処法
https://pisuke-code.com/php-ways-to-correct-redirection
PHPではheader関数を使うことでリダイレクトを行うことができます。例えば次は hoge.php  というスクリプトにリダイレクトしている例/// hoge.php にリダイレクトheader( "HTTP/1.1 301 Moved Permanently" ); header( "Location: hoge.php" ); exit;単純に Location: hoge.php  と飛ぶ先のファイル名（あるいはパス）を渡してあげればいいだけです。たったそれだけなのに、これが上手くいかないことが結構あります。そこでheader関数でリダイレクトできないときの対処法についてまとめました。対処法１．HTML出力...

コードは思った通りに動きません、書いた通りに動くものです。

関連記事