そもそもなんで拡大してるんだ？

制作していたページはレスポンシブ対応をさせていて、ウィンドウ幅やデバイス幅が狭い場合にJavascriptでスマホ用の画像に切り替えていた。どうやら「戻る」ボタンでページを戻るとそのJavascriptが動作していないよう...

Safariはブラウザのキャッシュを読んでいる

Android標準ブラウザでは「戻る」ボタンでページを再読み込みしてくれる。
しかし、当たり前だけどその分表示に時間がかかってしまう。
Safariはブラウザのキャッシュを読み込むので表示が早い！ということみたい。

「戻る」ボタンでページを戻って、リロードすれば正しい見た目になるようなので
「戻る」ボタンを押したらリロードするようにしてみました。

sample.js

window.onpageshow = function(ev) {
    if (ev.persisted) {
         window.location.reload();
     }
};

ゴリおしな感じがするので、もっとスマートにできないかな