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下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
JS创建对象几种不同方法详解
Mar 01 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
JavaScript使用FileReader实现图片上传预览效果
Mar 27 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
vue slot 在子组件中显示父组件传递的模板
Mar 02 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 Vue.js
详解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 编程请选择正确的文本编辑软件
2006/12/21 PHP
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
js工具方法弹出蒙版
2013/05/08 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
jquery批量控制form禁用的代码
2013/08/06 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python Tkinter实现简易计算器功能
2018/01/30 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
python 自动识别并连接串口的实现
2021/01/19 Python
俄罗斯玩具、儿童用品、儿童服装和鞋子网上商店:MyToys.ru
2019/10/14 全球购物
局域网定义和特性
2016/01/23 面试题
挂职思想汇报
2013/12/31 职场文书
校长寄语大全
2014/04/09 职场文书
绿色环保标语
2014/06/12 职场文书
2014年国庆标语
2014/06/30 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
奖励通知
2015/04/22 职场文书
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers