Chromeでハードリロードする方法

Google ChromeでWeb開発する際にいつまでもキャッシュが残って更新内容が表示されない場合があります。このような場合に便利なのがハードリロードです。

Macの場合Command + Shift + Rでハードリロードできます。

ハードロードが効かない場合

上記コマンドを試してもキャッシュが残って更新されないこともあります。
例えばスタイルシートの変更が適用されない場合などです。そういう時は、直接スタイルシートやJavaScriptのURLを読み込んでリロードをかけるとうまくいくことが多いです。

Incognito Windowでチェックする

Incognito WindowでWebサイトへアクセスすると通常使用時の履歴を無視して使用できます。
日本語表示の場合プライベートブラウジングになっているようです。

そもそもビルドやデプロイ・アップロードがうまくいってない場合もある

SASSやSCSSをコンパイルしてCSSを生成している場合、Babelなどでトランスパイルしている場合などでビルドエラーに気づかず古いままのファイルを本番環境にアップロードしている場合があります。この場合キャッシュ云々の問題ではなくそもそもファイルが古いままなので、もちろん表示は更新されません。うっかりミスですが、どうしても更新されない場合は確認しておきたいです。