2690

jQueryでiPhone4/4SとiPhone5とAndroid系端末を判別する方法

端末によって違うテキストを出したいという要望がありました。特にiPhone4/4SとiPhone5の切り分け。分からなかったので調べました。

jQueryを使う意味がほぼない気もしますが…w

コード

jQueryを使う意味がほぼない気がしますが、気にしない。


iPhone4/4SとiPhone5とAndroid端末を判別するjQueryコード




簡単な解説

iPhoneとAndroidの判別はよくあるユーザーエージェントを使って調べる方法です。

おおざっぱにiPhoneだと分かったら、4/4Sと5を調べるために、開いている端末の画面サイズ(高さ)を調べます。
普通に高さを取得しようとすると、旧端末(3GS/3G)などの兼ね合いで、旧機種のサイズとなってしまうらしいので、「window.devicePixelRatio」という値を使うそうです。

参考

モバイルバージョンを終了