0

私の会社には、ウェブサイトとネイティブ アプリ (iOS & Android) の両方があります。

要件

ユーザーがデバイスでサイトにアクセスし、ネイティブアプリをダウンロードできるというメッセージを表示するときに、特にモバイルとタブレットにモーダルダイアログレイヤーを表示したいと思います

問題

これらのレイヤーの HTML、CSS、および JavaScript コードは、ページの重量に影響を与えています。特定のコード (HTML、CSS、および JavaScript) をモバイル デバイスとタブレット デバイスでのみ動的に含める方法はありますか?

ありがとう

アビナッシュ・ムドゥヌリ

4

1 に答える 1

0

と呼ばれるものを探していますuserAgent。MSDNによると、

ブラウザを識別し、アクセスした Web サイトをホストするサーバーに特定のシステムの詳細を提供します。

典型的なユーザーエージェントは次のようになります:

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0

Android フォンの場合、次のようになります。

Mozilla/5.0 (Linux; U; Android 4.0.3; ko-kr; LG-L160L Build/IML74K) AppleWebkit/534.30 (Gecko のような KHTML) バージョン/4.0 モバイル Safari/534.30

このプロパティは、次のnavigatorようなオブジェクトを介してアクセスできます。

navigator.userAgent

ここでデモを参照してください: http://jsfiddle.net/hungerpain/cC7mY/

ここで、ブラウザーがモバイル ブラウザーかどうかを確認するために、次のようなシステムをセットアップしました。

var ua = navigator.userAgent;
if (ua.indexOf("Android") >= 0) {
     //its an android phone
     var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
     if (androidversion != 4.0) {
        //version of android
     }
} else if ((ua.indexOf("iPhone") >= 0 || ua.indexOf("iPad") >= 0) && ua.indexOf("CriOS") == -1) {
    //you're on iOS
}

すべての読み込みを停止したい場合は、ページに他のものを読み込む前に、これをドキュメントの最初に配置する必要があります。

NOTE CriOSは、Safari 上の Chrome ブラウザーのユーザー エージェント インジケーターです。そのため、iOS リストに含まれています。

于 2013-06-21T04:22:08.790 に答える