スライドショー(nivoslider)が施してあるウェブサイトで、
スマフォサイトを表示する>PC表示に切り替える。
と遷移すると、iPhoneのSafariで稀に、画像のレイアウトが崩れ、予期しない場所に
画像が貼られていたりといった現象が起きていた。
で、とりあえず、nivosliderを下記状態で読み込ませることにした。
iPhone,androidでは、nivosliderを読み込むなと書いたつもり。
1 2 3 4 | <!-- Nivo Slider --> <script src="サイトURL/nivo-slider/jquery.nivo.slider.js" charset="UTF-8"> if(navigator.userAgent.toLowerCase().match(/(iphone|android)/)) return; </script> |
–追記–
数日経過し、iPadで表示がおかしいとの指摘を受ける。
iPadにもスクリプト読み込みが禁止されている様子。
当該サイトは、iPadでの表示は、PCと同様にしたいので再度変更。
1 2 3 4 5 6 7 | <script src="サイトURL/nivo-slider/jquery.nivo.slider.js" charset="UTF-8"> <!-- if(navigator.userAgent.toLowerCase().match(/(iphone|android)/)) return; コメントアウト--> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || (navigator.userAgent.indexOf('Android') > 0 && navigator.userAgent.indexOf('Mobile') > 0)) { //スマートフォン(iPhone,iPod touch,Android)の場合 return; } </script> |