900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html自动识别移动端和代码 html5移动端网站常用判断js代码

html自动识别移动端和代码 html5移动端网站常用判断js代码

时间:2023-04-22 11:52:37

相关推荐

html自动识别移动端和代码 html5移动端网站常用判断js代码

1,判断识别是否为手机移动端运行环境varmob='';

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf("?mobile")<0){

try{

mob='true';

}

catch(e){}

}

}else{

mob='false';

};

2,获取当前页面网址链接参数functiongetQueryString(name){

varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i");

varr=window.location.search.substr(1).match(reg);

if(r!=null)returnunescape(r[2]);

returnnull;

};

3,获取页面视窗宽高functiongetViewRect(){

varpageWidth=window.innerWidth

,pageHeight=window.innerHeight;

if(typeofpageWidth!='number'){

if(patMode=='CSS1Compat'){

pageWidth=document.documentElement.clientWidth;

pageHeight=document.documentElement.clientHeight;

}else{

pageWidth=document.body.clientWidth;

pageHeight=document.body.clientHeight;

}

}

return{

width:pageWidth,

height:pageHeight

};

};

4,智能识别判断手机横竖屏状态functionhengshuping(){

if(window.orientation==180||window.orientation==0){

varh=getViewRect().height;

$('html').css('minHeight',h+'px');

}

if(window.orientation==90||window.orientation==-90){

varh=getViewRect().height;

$('html').css('minHeight',h+'px');

}

};

5,手机浏览器信息识别和判断跳转varbrowser={

versions:function(){

varu=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.+MacOSX/),//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()

}

varua=window.navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i)=='micromessenger'){

$('.wholePage').show();

}elseif(browser.versions.ios||browser.versions.iPhone||browser.versions.iPad){

//$('#downMsg').show();

location.href='/cn/app/id1149168395';

}else{

//$('#downMsg').show();

location.href="";

}

6,判断手机是android还是ios操作系统//判断是否为ios端访问function_IsIOS(){

if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){returntrue;

}else{returnfalse;

}

}//判断是否为android端访问function_IsAndroid(){

if(/(Android|Adr)/i.test(navigator.userAgent)){returntrue;

}else{returnfalse;

}

}

//method为移动端原生方法的方法名,param为要传递的参数if(_IsIOS()){

window.webkit.messageHandlers.method.postMessage(param);

}elseif(_IsAndroid()){

window.control.call('method',param);//或者window.control.method(param);}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。