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的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
深入理解node.js之path模块
May 03 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 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字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
在视频前插入广告
2006/11/20 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
python脚本内运行linux命令的方法
2015/07/02 Python
python实现自动登录
2018/09/17 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
机器学习实战之knn算法pandas
2019/06/22 Python
使用python远程操作linux过程解析
2019/12/04 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
Django 解决由save方法引发的错误
2020/05/21 Python
村优秀党员事迹材料
2014/01/15 职场文书
物流业务员岗位职责
2014/02/08 职场文书
求职信的正确写法
2014/07/10 职场文书
企业消防安全责任书
2014/07/23 职场文书
车间统计员岗位职责
2015/04/14 职场文书
离开雷锋的日子观后感
2015/06/09 职场文书
2015年社区重阳节活动总结
2015/07/30 职场文书
2016年学习贯彻十八届五中全会精神心得体会
2016/01/05 职场文书