关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、3102411850 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 7671|回复: 1

javascript判断页面是移动端还是pc端代码

[复制链接]
发表于 2014-9-29 17:05:18 | 显示全部楼层 |阅读模式
运行当前页面的时候,执行到js会判断来自于移动端还是pc端,如果是移动端则跳转制定链接地址,,这样在手机端会有额外的不必要浪费的加载时间

代码:
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(*Linux*) > -1, //android终端或者uc浏览器
iPhone: u.indexOf(*iPhone*) > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf(*iPad*) > -1, //是否iPad
webApp: u.indexOf(*Safari*) == -1 //是否web应该程序,没有头部与底部
};
}(),
languagenavigator.browserLanguage || navigator.language).toLowerCase()
}

if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||
browser.versions.iPhone || browser.versions.iPad){
window.location = "http://m.baidu.com";
}



发表于 2015-3-6 15:54:55 | 显示全部楼层
表示看不懂  我还在自学HTML呢~!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表