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压缩混淆工具
May 16 Javascript
JavaScript获取GridView选择的行内容
Apr 14 Javascript
FireFox JavaScript全局Event对象
Jun 14 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
JavaScript数据类型详解
Apr 01 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
36个正则表达式(开发效率提高80%)
Nov 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
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
php采用session实现防止页面重复刷新
2015/12/24 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
Python编写生成验证码的脚本的教程
2015/05/04 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
python删除服务器文件代码示例
2018/02/09 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
python列表推导式操作解析
2019/11/26 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
建筑工程专业学生的自我评价
2013/12/25 职场文书
商务日语专业自荐信
2014/04/17 职场文书
电工技术比武方案
2014/05/11 职场文书
员工生日活动方案
2014/08/24 职场文书
最美护士演讲稿
2014/08/27 职场文书
退学证明范本3篇
2014/10/29 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
python基础之while循环语句的使用
2021/04/20 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python