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

2013.7.3

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

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

コード

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

簡単な解説

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

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

参考

• [JavaScript] iPhone4Sなどスマホの画面サイズを正しく取得する方法 | 自由が丘で働くWeb屋のブログ