自由気まままMENUCLOSEサイトメニューWeb制作フリーランスブログネタプロフィールお問い合わせCLOSESEARCHWeb系フリーランスがWeb制作やガジェット、ブログについて綴っていきますWeb制作フリーランスブログネタプロフィールお問い合わせHOMEWeb制作GoogleChromeのキャッシュの消し方GoogleChromeのキャッシュの消し方2019年4月27日Web制作ツイートシェアはてブ送るPocketWebサイトを制作しているとき、キャッシュが原因でCSSや画像の変更が反映されないことがよくあります。今回はブラウザでもシェアが高いChromeで、キャッシュを消す方法をご紹介していきます。以下、記事に入ります。まとめ設定:履歴まずは一番オーソドックスな、Chromeの設定からキャッシュを消す方法を紹介します。Chromeを開くと右上にある設定ボタンをクリックします。すると、項目に「履歴」があるのでそちらをクリック。履歴が開かれるので、左側にある「閲覧履歴データを削除する」をクリック。「キャッシュされた画像とファイル」にチェックを入れて、データを削除するとキャッシュが全て削除されます。CacheはChromeの拡張機能で、1クリックでキャッシュを消すことが可能です。Cache」という拡張機能をダウンロードします。Cacheのアイコンが出てきます。Cacheのアイコンをクリックするだけ。設定から消すのに比べてかなり手間が省けます。cacheChromeの検証機能で、キャッシュ機能を無効にすることが可能です。ページを右クリックし、検証ツールを開きます。検証ツールを広げるか上部の>>をクリックすると、タブに「Network」という項目が現れるのでそちらをクリック。cache」項目があるので、チェックを入れます。これでキャッシュ機能が無効になり、Chromeは今後キャッシュを残さなくなります。1度設定してしまえば終わりなので、方法としては1番手軽です。Cache」の方を使用するのをおすすめします。ショートカット:スーパーリロードスーパーリロードとは、キャッシュを使わずに再読み込みするショートカットコマンドです。キャッシュを読み込んでないので、常に最新版のページが読み込まれて表示されます。ちなみに、実際にキャッシュを削除しているわけではないのでご注意ください。Chromeでのショートカットキーは以下のようになります。F5まとめキャッシュ昨日は普段のサイト閲覧だと便利なのですが、開発の際には邪魔になることが多々あります。Webサイト制作でも、キャッシュが残っているせいでCSSや画像が表示されないことは日常茶飯事です。Chromeをメインに使って開発を行う方は、キャッシュの消し方を頭に入れておきましょう。コメントをキャンセルメールアドレスが公開されることはありません。東京都内でWebコーダーとして活動中。ブログではプログラミングやガジェット、お役立ちツールなんかを発信していくつもりです。Web制作のご依頼はお問い合わせから承っております。