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 相关文章推荐
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
js打造数组转json函数
Jan 14 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
javascript中的面向对象
Mar 30 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
微信小程序登录换取token的教程
May 31 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
微信小程序收藏功能的实现代码
Jun 19 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
YB217、YB235、YB400浅听
2021/03/02 无线电
PHP 一个随机字符串生成代码
2010/05/26 PHP
PHP中Memcache操作类及用法实例
2014/12/12 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python中单例模式总结
2018/02/20 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
python合并多个excel文件的示例
2020/09/23 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
Python使用Opencv实现边缘检测以及轮廓检测的实现
2020/12/31 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
个人自荐书
2013/12/20 职场文书
保证书范文大全
2014/04/28 职场文书
淘宝活动总结范文
2014/06/26 职场文书
银行转正自我鉴定
2014/09/29 职场文书
会议通知范文
2015/04/15 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
班主任工作总结范文
2015/08/13 职场文书
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python