WEB開發中如何通過Javascript來判斷終端為PC、IOS(iphone)、Android呢?
可以通過判斷瀏覽器的userAgent,用正則來判斷手機是否是ios和Android客戶端。
var u = navigator.userAgent; isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端 isiOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
下面一個比較全面的瀏覽器檢查函數,提供更多的檢查內容,你可以檢查是否是移動端(Mobile)、ipad、iphone、微信、QQ等。
<script type="text/javascript">//判斷訪問終端var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE內核 presto: u.indexOf('Presto') > -1, //opera內核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端 ios: !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端 iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1, //是否web應該程序,沒有頭部與底部 weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增) qq: u.match(//sQQ/i) == " qq" //是否QQ }; }(), language:(navigator.browserLanguage || navigator.language).toLowerCase()}</script>
使用方法:
//判斷是否IE內核if(browser.versions.trident){ alert("is IE"); }//判斷是否webKit內核if(browser.versions.webKit){ alert("is webKit"); }//判斷是否移動端if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移動端"); }檢測瀏覽器語言currentLang = navigator.language; //判斷除IE外其他瀏覽器使用語言if(!currentLang){//判斷IE瀏覽器使用語言 currentLang = navigator.browserLanguage;}alert(currentLang);
上面只是平時用的最多的一種方法,其實還有第二種方法:
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="iPhone.html";} else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="Android.html";} else { window.location.href ="pc.html";};
不同的終端設備采用不同的響應策略,具體場景靈活運用把哈哈。
以上所述是小編給大家介紹的使用Javascript判斷瀏覽器終端設備(PC、IOS(iphone)、Android),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答