关于前端一些乱七八糟东西的总结(闲散的东西);

关于浏览器的一些知识

Chrome(谷歌浏览器) :WebKit内核   -webkit-
 Safari(苹果浏览器) :WebKit内核       -webkit-
 Firefox(火狐浏览器) :Gecko内核       -moz-
 IE(IE浏览器) :          Trident内核           -ms-
 Opera(欧朋浏览器) :Presto内核          -o-

判断移动端或者pc端或者ios,android等等。

相关链接https://www.jb51.net/article/117472.htm

通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端

<script type= "text/javascript" >
   var u = navigator.userAgent;
   var isAndroid = u.indexOf( 'Android' ) > -1 || u.indexOf( 'Adr' ) > -1; //android终端
   var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
   alert( '是否是Android:' +isAndroid);
   alert( '是否是iOS:' +isiOS);
</script>
检查是否是移动端(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);
判断iPhone|iPad|iPod|iOS|Android客户端,来自 http://www.fufuok.com/JS-iphone-android.html
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
   //alert(navigator.userAgent);
   window.location.href = "iPhone.html" ;
} else if (/(Android)/i.test(navigator.userAgent)) {  //判断Android
   //alert(navigator.userAgent);
   window.location.href = "Android.html" ;
} else { //pc
   window.location.href = "pc.html" ;
};
判断pc还是移动端
<script>
   //判断是否手机端访问
   var userAgentInfo = navigator.userAgent.toLowerCase();
   var Agents = [ "android" , "iphone" ,
         "symbianos" , "windows phone" ,
         "ipad" , "ipod" ];
   var ly=document.referrer; //返回导航到当前网页的超链接所在网页的URL
   for ( var v = 0; v < Agents.length; v++) {
     if (userAgentInfo.indexOf(Agents[v]) >= 0&&(ly== "" ||ly== null )) {
       this .location.href= 'http://m.***.com' ; //wap端地址
     }
   }
</script>

 

猜你喜欢

转载自www.cnblogs.com/yulintianxia/p/9385582.html