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 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
jQuery Selector选择器小结
May 06 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 Javascript
JavaScript的arguments对象应用示例
Sep 15 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
仅30行代码实现Javascript中的MVC
Feb 15 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
用Node写一条配置环境的指令
Nov 14 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的性能
2013/10/30 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php使用cookie实现记住用户名和密码实现代码
2015/04/27 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
Google (Local) Search API的简单使用介绍
2013/11/28 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
Python检测QQ在线状态的方法
2015/05/09 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
python调用虹软2.0第三版的具体使用
2019/02/22 Python
Python中捕获键盘的方式详解
2019/03/28 Python
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
数据库什么时候应该被重组
2012/11/02 面试题
中间件分为哪几类
2016/09/18 面试题
英语专业个人求职自荐信
2013/09/21 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
于丹论语心得观后感
2015/06/15 职场文书