Facebook Twitter Google Maps RSS
Home webサイト iphoneブラウザバックでうまく動作しない・・・
formats

iphoneブラウザバックでうまく動作しない・・・

Published on 2014年5月14日, by in webサイト.

最近はとても暖かくなりましたね~~☆

地震がちょくちょく起こり不安な日々を送っている

陽気なシステム屋のひとりです☆

最近スマホサイトの開発に関っているのですが、

iphoneとAndroidでブラウザバックした際の挙動が異なっていて、

はまってしまいました。

 

Androidはブラウザバックしてもリロードされて、

登録データが反映されたものが表示されます。

しかし、iphoneでブラウザバックをするとリロードされず、

以前の表示した状態のままになってしまいます。。。

 

そんなときにiphoneで使用できそうなjsの関数を発見!!!

 

例:ブラウザバック時にリロードさせる

<script type="text/javascript">
window.onpageshow = function(evt) {
    if (evt.persisted) {
      location.reload();
    }
};
</script>

 

persistedには初回ロード時にはfalseがセットされ、

それ以降はtrueがセットされます。

そのためブラウザバックしてリロードされる

Androidでは処理が走らず、

ブラウザバックしてリロードされない

iphoneでは処理が実行されます。

 

挙動が異なるのって本当にこまりますよね・・・。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*