JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
Nexus の UA が切り分けづらい
Google 社の Nexus シリーズで UA を取ると、これまでスマートフォンには「Mobile」という文字列があった。そしてタブレットにはなかった。しかし、Nexus 10 というタブレット端末には Mobile という表記がある。 Nexus 10 （公称：タブレット） Mozilla/5.0 (Linux; Android 4.3; Nexus 10 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2307.2 Mobile Safari/537.36 Nexus 9 （公称：タブレット） Mozilla/5.0 (Linux; Android 5.0; Nexus 9 Build/LRX21F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.
レスポンシブ・ウェブデザインではなく振り分けを行うメリット
レスポンシブ・ウェブデザインではなく振り分けを行うメリット 最近、RWD（レスポンシブ・ウェブデザイン）というテクニックが話題になってますね。 レスポンシブ・ウェブデザインとは、ザックリと説明するとブラウザの解像度などに応じてCSSのMedia Queryなどで適用させるCSSを変更してレイアウトやビューを変更する方法です。 逆にPC用とスマホ用のサイトを作成して、User-Agentなどで切り替える方法を振り分けというようです。 個人的にはどちらも一長一短なので、サイトの目的やターゲット、予算などに応じてチョイスすればよいと思ってます。どちらの手法のほうが優れているかっていうのは目的によって変わると思っているので、ここで宗教戦争をする気はありません。 さて、本題ですが「レスポンシブ・ウェブデザイン」 vs 「振り分け」の議論で「振り分け」のメリットして語られないことが多いことで、スマート
スマートフォン（iphone、androidなど）とタブレット（ipad,androidタブレット）を判別する方法 - maxfactory | モバイル関連の技術メモ
ユーザエージェントでの振り分けは、それぞれ下記が判別の条件になります。 デバイス 振分けルール iphone ユーザエージェント内に「iPhone」の文字列が含まれていること ipad ユーザエージェント内に「iPad」の文字列が含まれていること android ユーザエージェント内に「Android」と「Mobile」の文字列が含まれていること かつ 「SC-01C」の文字列が含まれていないこと androidタブレット ユーザエージェント内に「Android」の文字列が含まれていること かつ 「Mobile」の文字列が含まれていない、または、「SC-01C」の文字列が含まれていること BlackBerry ユーザエージェント内に「BlackBerry」の文字列が含まれていること windows mobile ユーザエージェント内に「IEMobile」の文字列が含まれていること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
端末スペック | サービス・機能 | NTTドコモ
