JS 动态判断PC和手机浏览器实现代码


Posted in Javascript onSeptember 21, 2016

这个只是一个小知识,也是在网上找的,挺好用!

动态判断浏览器是PC还是移动端!

<script>
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应该程序,没有头部与底部  
};
}()
} 

document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent); 
</script>

挺有意思!

以上就是JS 动态判断PC和手机浏览器的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery对象[0]是什么含义?
Jul 31 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
轻松掌握JavaScript享元模式
Aug 27 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
node.js实现的装饰者模式示例
Sep 06 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 Javascript
vue总线机制(bus)知识点详解
May 10 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 #Javascript
AngularJS通过$http和服务器通信详解
Sep 21 #Javascript
JavaScript 拖拽实例代码
Sep 21 #Javascript
Angularjs中controller的三种写法分享
Sep 21 #Javascript
jQuery中Find选择器用法示例
Sep 21 #Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 #Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 #Javascript
You might like
PHP数据库操作面向对象的优点
2006/10/09 PHP
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
在vscode 中设置 vue模板内容的方法
2020/09/02 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
Python将xml和xsl转换为html的方法
2015/03/10 Python
在主机商的共享服务器上部署Django站点的方法
2015/07/22 Python
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
Python实现登陆文件验证方法
2018/10/06 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
实习自我鉴定
2013/12/15 职场文书
大学生简短的自我评价分享
2014/02/20 职场文书
海飞丝的广告词
2014/03/20 职场文书
房屋租赁协议书
2014/04/10 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
会计试用期自我评价
2014/09/19 职场文书
教师年终个人总结
2015/02/11 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
小学英语课教学反思
2016/02/15 职场文书
公司年会主持词范文!
2019/05/07 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python