EnjomonWeb

WEBページの変更した内容がiPhoneにだけ反映しない場合の対処

スマホを見て困っている画像

WEBサイトをエディタで編集し、編集した内容がローカルで反映されていることを確認!サーバーへファイルをアップデートし、いざiPhoneで更新してみると反映しない!?そんなことありませんか?

自分はしょっちゅうあります...

最初はメディアクエリでスマホ対応部分のCSSに誤りがあるのだろうと修正点を探し、時にはほぼCSS書き直しのレベルまでやりこみましたが、それでも反映せず。iPhone側に問題があるのではと思い、泣きながらiPhoneの設定をいじっていると、いとも簡単に直すことができました。これ以上、同じ犠牲者を出さないためにも(笑)記事にしてみました。

この操作により不具合が発生しても責任は負いかねますので自己責任でお願いします!(ちなみに自分はよくやってますが、特に不具合ありません)

方法は2段階あるので、1.を行ってダメなら、2.を行ってみてください。

1.サイト越えトラッキングを防ぐのON⇔OFF

設定>Safariを開く

iPhoneimg

「サイト越えトラッキングを防ぐ」をOFFにする(すでにOFFになっている場合はONにしてみてください)

iPhoneimg iPhoneimg

"サイト越えトラッキング防止"とは(Appleサイトより引用)

「一部のWebサイトは第三者コンテンツプロバイダを使用しています。第三者コンテンツプロバイダが製品やサービスの広告を出すためにWebサイト間でユーザをトラッキングするのを停止できます。」

説明を見てもこの機能がなぜWEBの情報更新に影響するのか、いまいちよく分かりませんでしたが、私の場合はこれでほとんどが反映します。

2.履歴とWebサイトデータを消去

設定>Safariの「履歴とWebサイトデータを消去」をクリック

※確認メッセージの通り、色々消えますのでご注意ください!

iPhoneimg iPhoneimg

上記を行えば今のところほぼ100%問題は解消しています。無駄な作業を省くためにもぜひ活用いただければと思います。

About

EnjomonWebは、「えんじょもん」である元転勤族の管理人が石川県金沢市から発信する、WEB制作情報をメインとした情報発信サイトです。

コーディング習得過程で検索してもすぐに解決しなかったことや、初心者には分かりづらい内容を分かりやすく説明することができるサイトを目指しています。

※「えんじょもん」とは金沢弁で「遠方の人、県外出身の人」という意味の方言。