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代码
Mar 11 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
node.js中的http.get方法使用说明
Dec 14 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
基于JavaScript实现年月日三级联动
Jun 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
怎么使 Mysql 数据同步
2006/10/09 PHP
php xml 入门学习资料
2011/01/01 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
myEvent.js javascript跨浏览器事件框架
2011/10/24 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
实现js保留小数点后N位的代码
2014/11/13 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
微信小程序支付PHP代码
2018/08/23 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python文件特定行插入和替换实例详解
2017/07/12 Python
python的Tqdm模块的使用
2018/01/10 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
Python实现播放和录制声音的功能
2020/08/12 Python
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
大学生评语大全
2014/04/18 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
2014年租房协议书范本
2014/10/30 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
思想工作总结范文
2015/08/12 职场文书
Python利用zhdate模块实现农历日期处理
2022/03/31 Python
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技