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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
Oct 16 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
jquery+json实现分页效果
Mar 07 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
详解浏览器缓存和webpack缓存配置
Jul 06 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
详解javascript replace高级用法
Feb 17 Javascript
vue+iview使用树形控件的具体使用
Nov 02 Javascript
js实现有趣的倒计时效果
Jan 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
php 禁止页面缓存输出
2009/01/07 PHP
php递归实现无限分类的方法
2015/07/28 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
javascript getElementsByClassName实现代码
2010/10/11 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
vue mixins组件复用的几种方式(小结)
2017/09/06 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
jQuery属性选择器用法实例分析
2019/06/28 jQuery
微信小程序获取当前位置和城市名
2019/11/13 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
vue实现树状表格效果
2020/12/29 Vue.js
Python中关于字符串对象的一些基础知识
2015/04/08 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
简单理解Python中的装饰器
2015/07/31 Python
Python输出带颜色的字符串实例
2017/10/10 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
python 文件查找及内容匹配方法
2018/10/25 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
公司新员工的演讲稿注意事项
2014/01/01 职场文书
婚前保证书
2014/04/29 职场文书
企业承诺书格式
2014/05/21 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
考试没考好检讨书
2015/05/06 职场文书
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏