检测当前运行环境——移动端与PC端。

Posted 我一人,我异人,我亦人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了检测当前运行环境——移动端与PC端。相关的知识,希望对你有一定的参考价值。

方法1:

$(function checkBrowser(){

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.*/)||!!u.match(/AppleWebKit/), //是否为移动终端                 

ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                 

android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器                 

iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器                 

iPad: u.indexOf(‘iPad‘) > -1, //是否iPad                 

webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部             

};          

}(), language:(navigator.browserLanguage || navigator.language).toLowerCase() 

if( !(browser.versions.android || browser.versions.iPhone || browser.versions.iPad)){ 

alert("PC浏览页面");

}

});

此方法可判断移动端与PC端。

方法2:

$(function(){

//判定移动端或者PC端

function IsPC(){  

var userAgentInfo = navigator.userAgent;  

var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  

var flag = true;  

for (var v = 0; v < Agents.length; v++) {  

  if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  

}  

return flag;  

}

if(IsPC){

alert("PC浏览页面");

});

以上是关于检测当前运行环境——移动端与PC端。的主要内容,如果未能解决你的问题,请参考以下文章

如何用JavaScript判断前端应用运行环境(移动平台还是桌面环境)

js判断移动端与pc端

判断pc端与移动端

移动端与PC端页面布局区别

移动端与PC端的触屏事件

车牌识别的移动端与PC端比较