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

时间：2021-05-26

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

<!DOCTYPE html><html><head><title>JS判断是什么设备是什么浏览器-www.jb51.net</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代码判断是什么设备是什么浏览器类型（移动页面开发）的全部内容，希望大家喜欢。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章