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 网页水印(非图片水印)实现代码
Mar 01 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
vue实现全选、反选功能
Nov 17 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
puppeteer实现html截图的示例代码
Jan 10 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 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
discuz7 phpMysql操作类
2009/06/21 PHP
php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
php中fsockopen用法实例
2015/01/05 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
python中字典(Dictionary)用法实例详解
2015/05/30 Python
Python中return语句用法实例分析
2015/08/04 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
python爬虫之百度API调用方法
2017/06/11 Python
如何高效使用Python字典的方法详解
2017/08/31 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
对Python 窗体(tkinter)树状数据(Treeview)详解
2018/10/11 Python
python实现图片筛选程序
2018/10/24 Python
python实现浪漫的烟花秀
2019/01/30 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
New delete 与malloc free 的联系与区别
2013/02/04 面试题
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
冰淇淋开店创业计划书
2014/02/01 职场文书
小学安全汇报材料
2014/08/14 职场文书
中职三好学生事迹材料
2014/08/24 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
承诺书范本大全
2015/05/04 职场文书
CSS3实现列表无限滚动/轮播效果
2021/06/23 HTML / CSS
Flink 侧流输出源码示例解析
2022/09/23 Servers