2018-07-24

キャッシュの削除、モバイル画面の確認もできるF12ファンクションキー

ブラウザのGoogle Chromeを利用している方で、ワードプレスでホームページを作成中に何度もhtmlやCSS、画像の変更を加えていると、そのうち更新してもブラウザ上で画像が修正されていない、なんて現象が起きる場合があります。本当、困りものですよね。でも、良い方法があります。

主にキャッシュが残っているのが原因なんですが、そんな修正しても変更されないという現象の場合、2つの方法があります。

まず1つめは、FTPでサーバー上のCSSファイルや該当の画像ファイルを消去して、一度ブラウザを更新、そして再度FTPで該当ファイルをアップロードをすれば解決します。

ただ、いちいちFTPを立ち上げて、ファイルを削除して再度アップロードするのも面倒ですよね。そんな時は2つ目のやり方も試してください。

2つめはF12のファンクションキーを使います。

  1. キーボードのF12
  2. マウスを左上のページの再読込みアイコンをマウスの左ボタンで押したままにする
  3. 3つの項目が表示されたら、一番下の「キャッシュの消去とハード再読み込み」をクリック
  4. 再読み込みが終わったら、再度キーボードのF12を押す

これで、かなりの確率でこれでキャッシュがクリアされて、修正した箇所がきちんと変更されています。これでも変更されない場合は、HTMLやスタイルシートを見直しましょう。

cache_F12

また、F12のファンクションキーの機能はタブレットやスマホのモバイルでの画面の議事確認もできます。これはホームページを制作する際に、モバイル画面の確認で非常に重宝します。今やモバイルフレンドリーは当たり前ですからね。

アクセスがない、お問い合わせがないと悩んでいたらまずは、ホームページ診断からいかがですか?

友だち追加

関連記事
ホームページの悩み相談