iPhone、iPad、その他のモバイル ブラウザを確認する方法を知りたいです。(JavaScript または CSS)
編集:
ユーザーエージェント文字列ではありません。それは偽造することができます。
重複の可能性:
iPhone、iPad、その他のモバイル ブラウザを確認する方法を知りたいです。(JavaScript または CSS)
編集:
ユーザーエージェント文字列ではありません。それは偽造することができます。
重複の可能性:
私はWURFLを使用します。これは、10000 を超えるモバイル デバイスのオープン ソースの xml データベースであり、user-agent
HTTP ヘッダー値を指定して、携帯電話とブラウザの機能を (ほぼ常に) 検出します。
次のような情報が得られます。
他にもたくさん。
PHP、Java、.NET などの一般的な言語用のラッパー API があるため、XML データベースを自分で処理する必要はありません。
基本的に、ユーザーエージェント文字列をチェックします
http://www.hand-interactive.com/resources/detect-mobile-javascript.htmを参照してください
iPhoneを検出する:
navigator.userAgent.toLowerCase().search("iphone") > -1
一般に、機能の検出はブラウザーの検出よりも優れています。ユーザーが使用しているものよりも、ユーザーのブラウザーで何ができるかを知る方が適切です。モダナイザーはそのための優れたツールです。
Modernizr を使用する - http://modernizr.com/
Modernizr は、ページの読み込み時にさまざまな HTML5 および CSS3 機能についてブラウザーをテストする JS スクリプトです。Modernizr JS オブジェクトを参照するか、HTML 要素に追加されるクラスを使用できます。クラス 'touch' が存在する場合は、タッチスクリーン デバイスを使用しています。それ以外の場合、クラスはノータッチです。次に、CSSでこれを行うことができます
.touch .myElement { /* touch device styles */ }
.no-touch .myElement { /* regular browser styles */ }
ブラウザーの機能をテストすることは、ユーザー エージェントのスニッフィングよりもはるかに有用であり、将来性があります。このようにして、追加したい CSS3 機能ごとに、ここで示すように簡単にフォールバックを作成できます。
JavaScript を使用して HTTP ユーザー エージェントを検出します - ブラウザの名前を表す派手な用語