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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
jquery显示隐藏元素的实现代码
May 19 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
Jun 30 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
如何基于filter实现网站整体变灰功能
Apr 17 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
一个数据采集类
2007/02/14 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
Jquery 快速构建可拖曳的购物车DragDrop
2009/11/30 Javascript
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
原生js+css实现tab切换功能
2020/09/17 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
简单了解Python生成器是什么
2019/07/02 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
秦始皇兵马俑导游词
2015/02/02 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
vscode中使用npm安装babel的方法
2021/08/02 Javascript