判断浏览器类型、语言、微信、页面首次加载等
时间:2019-11-19 14:12:11
收藏:0
阅读:84
1、检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等
//判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent 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, //是否微信 qq: u.match(/\sQQ/i) == " qq" //是否QQ }; }(), //语言 language:(navigator.browserLanguage || navigator.language).toLowerCase();
使用方法:
//判断是否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("移动端"); } //判断是否微信内置浏览器 if(browser.versions.weixin){ alert("微信内置浏览器")} //判断是否QQ内置浏览器 if(browser.versions.qq){ alert("qq内置浏览器")} //判断语言 if(browser.language.indexOf(‘zh‘)>-1){ alert(‘中文‘); }else if(browser.language.indexOf(‘en‘)>-1){ alert(‘英文‘) }else{ alert(‘其他语言‘) }
2、微信判断
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // console.log("移动端") } else { // console.log("pc端") }
3.判断浏览器设置语言
if(window.name == ""){ // console.log("首次被加载"); var lang = navigator.language || navigator.userLanguage; //获取浏览器配置语言 #括号内是个运算,运算过后赋值给lang,当?前的内容为true时把?后的值赋给lang,为False时把:后的值赋给lang var lang = lang.substr(0, 2);//获取lang字符串的前两位 if(lang == ‘zh‘){ // alert(‘中文浏览器‘); }else{ // alert(‘非中文浏览器‘); }
4 判断浏览器是否首次加载
if(window.name == ""){ // console.log("首次被加载"); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 }else if(window.name == "isReload"){ // console.log("页面被刷新"); }
评论(0)