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 相关文章推荐
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
Nov 19 Javascript
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
原生js实现html手机端城市列表索引选择城市
Jun 24 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
PHP学习笔记之数组篇
2011/06/28 PHP
探讨PHP调用时间格式的参数详解
2013/06/06 PHP
php实现中文转数字
2016/02/18 PHP
php自定义时间转换函数示例
2016/12/07 PHP
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
Python实现批量检测HTTP服务的状态
2016/10/27 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
css3模拟jq点击事件的实例代码
2017/07/06 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
护理专业学生职业生涯规划范文
2014/03/11 职场文书
社区服务活动小结
2014/07/08 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
自查自纠工作总结
2014/10/15 职场文书
消费者理赔投诉书
2015/07/02 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers