フロント側に携わる、エンジニア、デザイナー、ディレクターの方は

chromeで更新内容が反映されてない…

って度々あると思うので、ページの更新方法についてまとめておきます。

##更新の種類
1.再読み込み（ショートカットあり）
2.ハード再読み込み（ショートカットあり）
3.キャッシュの消去とハード再読み込み

###1.再読み込み
Windowsの場合→「F5」
Macの場合→「command + R」

###2.ハード再読み込み
Windowsの場合→「ctrl + F5」
Macの場合→「shift + command + R」

###3.キャッシュの消去とハード再読み込み
デベロッパーツールを立ち上げる
Windowsの場合→「F12」
Macの場合→「option + command + i」

デベロッパーツールが立ち上がっている状態で、タブ下の更新マーク(グルグル矢印)を長押しする

そうすると画像のように3つ項目が出てくるので、一番下の「キャッシュの消去とハード再読み込み」を押す。

これでキャッシュも消去されてページが正しく読み込まれます。

いちいち、chromeの右上のボタンから、設定＞プライバシーとセキュリティ＞閲覧履歴データの消去、と辿っていたあの時期が懐かしい…。