WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

Androidでモバイルとタブレット(+iPhone/iPad)を振り分ける方法

以前ここで「jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別して
URLをリダイレクトする方法
」と題して、
それぞれのデバイスごとに振り分ける方法を紹介しましたが
Androidはモバイルとタブレットの振り分けはできていなかったのですが
iPhoneとAndroidモバイル、iPadとAndroidタブレットのそれぞれを振り分ける状況が
やはり増えてきそうなので追加版として紹介してみます。

Androidでモバイルとタブレット(+iPhone/iPad)を振り分ける方法

サンプルとしては、AndroidタブレットとiPadは「/tb/」ディレクトリへ
AndroidモバイルとiPhoneは「/sp/」ディレクトリへ、リダイレクト処理をする構成にしてみます。

[javascript]
◆SCRIPT

[/javascript]

AndroidではモバイルにはUserAgentに「Mobile」という値が付くので
それが付いているか、付いていないかを見てタブレットと判別しています。

この形でiPhoneとAndroidモバイル、iPadとAndroidタブレットの
それぞれを振り分けることができるはずなのですが
厄介なことにAndroidタブレットの中には機種によって
タブレットなのにUserAgentに「Mobile」が付くものがあるようで
それらを厳密に分ける場合以下の様になります。

[javascript]
◆SCRIPT

[/javascript]

今のところ自分の知っている範囲ではAndroidタブレットの
——————————–
・A1_07
・SC-01C
——————————–
の2機種がタブレットにも関わらず
UserAgentに「Mobile」が付く端末のようなので
その2つはきちんとタブレットとして認識させます。
(2013/2/13現在)

最後についでに、タブレットとスマホに加えて
IE6/7/8のそれぞれのバージョンで判別処理をするサンプルをメモ。

[javascript]
◆SCRIPT

[/javascript]

タブレットは「/tb/」
スマホは「/sp/」
IE6は「/ie6/」
IE7は「/ie7/」
IE8は「/ie8/」
にそれぞれにリダイレクト処理をする場合この様な形になります。

この様な方法でさまざまなデバイスによって判別させることで
リダイレクト処理だけでなく様々な処理を加えることができるかと思います。

ご参考までに。。。

コメントを残す

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