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 相关文章推荐
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
动态加载js、css的实例代码
May 26 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
vuejs实现递归树型菜单组件
Jan 13 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
基于VUE的v-charts的曲线显示功能
Oct 01 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
three.js利用射线Raycaster进行碰撞检测
Mar 12 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
详解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性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
jquery处理json对象
2014/11/03 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
JavaScript的一些小技巧分享
2021/01/06 Javascript
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
致Python初学者 Anaconda入门使用指南完整版
2018/04/05 Python
python requests post多层字典的方法
2018/12/27 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
Python requests接口测试实现代码
2020/09/08 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
CK澳大利亚官网:Calvin Klein澳大利亚
2020/12/12 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
个人贷款担保书
2014/04/01 职场文书
有关环保的标语
2014/06/13 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
祝酒词范文
2015/08/12 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python