iPhone向けサイトの表示
2010年11月17日
iShowcase - 国内のiPhone / iPad最適化対応をしたサイトを集めています
UAを見て、別URLに飛ばす or 表示内容を切り替えるのが多い。まったく同一のページでCSS切り替えだけで対応しているのは、制作会社くらいだった。
ちなみに、iPhoneのUAは「iPhone」、AndroidのUAは「Android」のようなので、JavaScriptを使ってUAを見て表示を切り替えると、こんな感じ。
if ((navigator.userAgent.indexOf("iPhone") == -1) && (navigator.userAgent.indexOf("Android") == -1)) {
document.write("スマートフォンではないです。");
} else {
document.write("スマートフォン (iPhoneかAndroid) です。");
}
UA参考: FAQ｜Android™向けアプリケーション開発者様用技術情報 | NTTドコモ
で。
この手の対応は、検証をどうするかが一番の悩みどころですが。FirefoxのアドオンなどでUAを切り替える or 誰かの持ち物を借りる......かな。