js判断浏览器类型及设备(移动页面开发)


Posted in Javascript onJuly 30, 2015

下面主要用javascript代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器,具体代码如下。

<!DOCTYPE html>
<html>
<head>
<title>JS判断是什么设备是什么浏览器-3water.com</title>
<meta charset="utf-8">
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="format-detection" content="telephone=no"/>

</head>
<body>
<div id="divid">
</div>
<script type="text/javascript">
var os = function() {
var ua = navigator.userAgent,
isQB = /(?:MQQBrowser|QQ)/.test(ua), 
isWindowsPhone = /(?:Windows Phone)/.test(ua),
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, 
isAndroid = /(?:Android)/.test(ua), 
isFireFox = /(?:Firefox)/.test(ua), 
isChrome = /(?:Chrome|CriOS)/.test(ua),
isIpad = /(?:iPad|PlayBook)/.test(ua), 
isTablet = /(?:iPad|PlayBook)/.test(ua)||(isFireFox && /(?:Tablet)/.test(ua)),
isSafari = /(?:Safari)/.test(ua),
isPhone = /(?:iPhone)/.test(ua) && !isTablet,
isOpen= /(?:Opera Mini)/.test(ua),
isUC = /(?:UCWEB|UCBrowser)/.test(ua),
isPc = !isPhone && !isAndroid && !isSymbian;
return {
isQB: isQB,
isTablet: isTablet,
isPhone: isPhone,
isAndroid : isAndroid,
isPc : isPc,
isOpen : isOpen,
isUC: isUC,
isIpad : isIpad
};
}();
var html=[];
html[html.length]='是QQ浏览器:'+os.isQB+"<br/>";
html[html.length]='是Tablet:'+os.isTablet+"<br/>";
html[html.length]='是Phone:'+os.isPhone+"<br/>";
html[html.length]='是Android:'+os.isAndroid+"<br/>";
html[html.length]='是电脑:'+os.isPc+"<br/>";
html[html.length]='是Opera浏览器:'+os.isOpen+"<br/>";
html[html.length]='是UC浏览器:'+os.isUC+"<br/>";
html[html.length]='是Ipad:'+os.isIpad+"<br/>";
document.getElementById("divid").innerHTML=html.join("");
</script>
</body>
</html>

以上就是javascript代码判断是什么设备是什么浏览器类型(移动页面开发)的全部内容,希望大家喜欢。

Javascript 相关文章推荐
javascript firefox兼容ie的dom方法脚本
May 18 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
canvas仿iwatch时钟效果
Mar 06 Javascript
JS二分查找算法详解
Nov 01 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
Dec 03 Javascript
vue中$nextTick的用法讲解
Jan 17 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
基于JavaScript实现控制下拉列表
May 08 Javascript
javascript中if和switch,==和===详解
Jul 30 #Javascript
用javascript实现自动输出网页文本
Jul 30 #Javascript
理解javascript中的原型和原型链
Jul 30 #Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 #Javascript
文字垂直滚动之javascript代码
Jul 29 #Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 #Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 #Javascript
You might like
swfupload 多文件上传实现代码
2008/08/27 PHP
收集的二十一个实用便利的PHP函数代码
2010/04/22 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
使用Python的Tornado框架实现一个Web端图书展示页面
2016/07/11 Python
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
pyqt5自定义信号实例解析
2018/01/31 Python
基于python实现百度翻译功能
2019/05/09 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
售后求职信范文
2014/03/15 职场文书
租房协议书范本
2014/04/09 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
购房协议书范本
2014/10/02 职场文书
公安交警中队队长个人对照检查材料思想汇报
2014/10/05 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
教导处教学工作总结
2015/08/12 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书