僅在手機和平板電腦中顯示手機應用下載圖層

我們爲我的公司提供網站和本機應用（iOS & Android）。僅在手機和平板電腦中顯示手機應用下載圖層

要求

我想顯示特別是手機和平板電腦的模態對話框層時，在設備和顯示信息的用戶訪問網站，你可以下載我們的本地應用

問題

這些圖層的HTML，CSS & javaScript代碼正在影響我們的頁面權重，有沒有什麼辦法可以包含特定的代碼（HTML，CSS & javaScript）僅在Mobile &平板設備上動態顯示。

感謝

阿維納什Mudunuri

來源

2013-06-21 user2507515

你正在尋找一種叫做userAgent。根據MSDN，

標識您的瀏覽器並向託管您訪問的網站的服務器提供某些系統詳細信息。

一個典型的用戶代理看起來就像這樣：

的Mozilla/5.0（Windows NT的6.1; WOW64; RV：12.0）的Gecko/20100101火狐/ 12.0

Android手機，它會是這個樣子：

的Mozilla/5.0（Linux的; U;安卓4.0.3; KO-KR; LG-L160L構建/ IML74K）爲AppleWebKit/534.30（KHTML，例如Gecko）V版爲/ 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 
}

你會hav如果您想阻止加載的所有內容，請先在文檔的開始處加載它，然後再加載頁面中的其他內容。

備註 CriOS是Safari上Chrome瀏覽器的useragent指標。這就是它包含在iOS列表中的原因。

來源

2013-06-21 04:22:08 krishgopinath

僅在手機和平​​板電腦中顯示手機應用下載圖層

回答

相關問題

僅在手機和平板電腦中顯示手機應用下載圖層