怎么用Javascript识别移动设备

本篇内容主要讲解“怎么用Javascript识别移动设备”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用Javascript识别移动设备”吧!javascript来识别不同的浏览器、Windows操作系统各个版本识别方法、识别不同平台Window、Mac、Unix(Linux)方法,接下来由南昌网站设计公司技术人员向大家详细介绍使用javascript识别移动设置的方法相应的用户代理字符串分别为：Mozilla/5.0 (iPhone;U;CPU like Mac OS X;en) AppleWebKit/420+ (KHTML, like Gecko)Version/3.O Mobile/IA543a Saf ari/419.3Mozilla/5.0 (iPod;U;CPU like Mac OS X;en) AppleWebKit/420+ (KHTML, like Gecko)Version/3.0 Mobile/IC28 Saf ari/419.3从这两个字符串来看,很明显iPhone和iPod Touch都使用了Safari(WebKit)。尽管不是真正的Mac平台,但为了保证通过平台检测,用户代理字符串中包含着”CPU like Mac OS x”。有了两个字符串,要检测相应的设备就很简单了。第一步是为要检测的所有移动设备添加属性,如下所示：然后,通常简单地检测字符串”iPhone”和”iPod”,就可以分别设置相应属性的值了：system.iphone=ua.indexOf(“iPhone”)>-l;system.ipod=ua.indexOf(“iPod”)> -1;system.macMobile= (system.iphone || system.ipod);诺基亚N系列手机使用的也是WebKit,其用户代理字符串与其他基于WebKit的手机很相似,例如：Mozilla/5.O(SymbianOS/9.2; U;Series60/3.1 NokiaN95/11.0.026; Profile MIDP:2.OConfiguration/CLDC-1.1) AppleWebKit/413 (KHTML, like Gecko) Safari/413虽然诺基亚N系列手机在用户代理字符串中声称使用的是”Safari”,但实际上并不是Safari,尽管确实是基于WebKit引擎。只要像下面检测一下用户代理字符串中是否存在”NokiaN”,就足以确定是不是该系列的手机了：system.nokiaN=ua.indexOf(“NokiaN”)>-1;在了解这些设备信息的基础上,就可以通过下列代码来确定用户使用的是什么设备中的WebKit来访问网页：if ( client.engine.webkit){if (client.system.macMobile){//Mac手机的内容} else if ( client.nokiaN){//诺基亚手机的内容}}最后一种主要的移动设备平台是Windows Mobile(也称为Windows CE),用于Pocket PC和Smartphone中。由于从技术上说这些平台都属于Windows平台,因此Windows平台和操作系统都会返回正确的值。对于Windows Mobile 5.0及以前版本,这两种设备的用户代理字符串非常相似,如下所示：Mozilla/4.O (compatible; MSIE 4.01; Windows CE; PPC; 240×320)Mozilla/4.O(compatible; MSIE 4.01; Windows CE; Smartphone; 17 6×220)第一个来自Pocket PC中的移动Intemet Explorer4.01,第二个来自Smartphone中的同一个浏览器。当Windows操作系统检测脚本检测这两个字符串时,system.win将被设置为”CE”,因此在检测Windows Mobile时可以使用这个值：system.winMobile= (system.win==”CE”);南昌网络公司技术人员不建议测试字符串中的”PPC”或”Smartphone”,因为在Windows Mobile 5.0以后版本的浏览器中,这些记号已经被移除了。不过,一般情况下,只知道某个设备使用的是Windows Mobile也就足够了。完整代码如下:var client = function(){//rendering enginesvar engine = {ie: 0,gecko: 0,webkit: 0,khtml: 0,opera: 0,//complete versionver: null};//browsersvar browser = {//browsersie: 0,firefox: 0,safari: 0,konq: 0,opera: 0,chrome: 0,//specific versionver: null};//platform/device/OSvar system = {win: false,mac: false,x11: false,//mobile devicesiphone: false,ipod: false,ipad: false,ios: false,android: false,nokiaN: false,winMobile: false,//game systemswii: false,ps: false};//detect rendering engines/browsersvar ua = navigator.userAgent;if (window.opera){engine.ver = browser.ver = window.opera.version();engine.opera = browser.opera = parseFloat(engine.ver);} else if (/AppleWebKit/(S+)/.test(ua)){engine.ver = RegExp[“$1”];engine.webkit = parseFloat(engine.ver);//figure out if it’s Chrome or Safariif (/Chrome/(S+)/.test(ua)){browser.ver = RegExp[“$1”];browser.chrome = parseFloat(browser.ver);} else if (/Version/(S+)/.test(ua)){browser.ver = RegExp[“$1”];browser.safari = parseFloat(browser.ver);} else {//approximate versionvar safariVersion = 1;if (engine.webkit
safariVersion = 1;} else if (engine.webkit
safariVersion = 1.2;} else if (engine.webkit
safariVersion = 1.3;} else {safariVersion = 2;}browser.safari = browser.ver = safariVersion;}} else if (/KHTML/(S+)/.test(ua) || /Konqueror/([^;]+)/.test(ua)){engine.ver = browser.ver = RegExp[“$1”];engine.khtml = browser.konq = parseFloat(engine.ver);} else if (/rv:([^)]+)) Gecko/d{8}/.test(ua)){engine.ver = RegExp[“$1”];engine.gecko = parseFloat(engine.ver);//determine if it’s Firefoxif (/Firefox/(S+)/.test(ua)){browser.ver = RegExp[“$1”];browser.firefox = parseFloat(browser.ver);}} else if (/MSIE ([^;]+)/.test(ua)){engine.ver = browser.ver = RegExp[“$1”];engine.ie = browser.ie = parseFloat(engine.ver);}//detect browsersbrowser.ie = engine.ie;browser.opera = engine.opera;//detect platformvar p = navigator.platform;system.win = p.indexOf(“Win”) == 0;system.mac = p.indexOf(“Mac”) == 0;system.x11 = (p 免费云主机域名== “X11”) || (p.indexOf(“Linux”) == 0);//detect windows operating systemsif (system.win){if (/Win(?:dows )?([^do]{2})s?(d+.d+)?/.test(ua)){if (RegExp[“$1”] == “NT”){switch(RegExp[“$2”]){case “5.0”:system.win = “2000”;break;case “5.1”:system.win = “XP”;break;case “6.0”:system.win = “Vista”;break;case “6.1”:system.win = “7”;break;default:system.win = “NT”;break;}} else if (RegExp[“$1”] == “9x”){system.win = “ME”;} else {system.win = RegExp[“$1”];}}}//mobile devicessystem.iphone = ua.indexOf(“iPhone”) > -1;system.ipod = ua.indexOf(“iPod”) > -1;system.ipad = ua.indexOf(“iPad”) > -1;system.nokiaN = ua.indexOf(“NokiaN”) > -1;//windows mobileif (system.win == “CE”){system.winMobile = system.win;} else if (system.win == “Ph”){if(/Windows Phone OS (d+.d+)/.test(ua)){;system.win = “Phone”;system.winMobile = parseFloat(RegExp[“$1”]);}}//determine iOS versionif (system.mac && ua.indexOf(“Mobile”) > -1){if (/CPU (?:iPhone )?OS (d+_d+)/.test(ua)){system.ios = parseFloat(RegExp.$1.replace(“_”, “.”));} else {system.ios = 2; //can’t really detect – so guess}}//determine Android versionif (/Android (d+.d+)/.test(ua)){system.android = parseFloat(RegExp.$1);}//gaming systemssystem.wii = ua.indexOf(“Wii”) > -1;system.ps = /playstation/i.test(ua);//return itreturn {engine: engine,browser: browser,system: system};}();到此，相信大家对“怎么用Javascript识别移动设备”有了更深的了解，不妨来实际操作一番吧！这里是百云主机网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

相关推荐: AlmaLinux9怎么安装MySQL 8.0.32

这篇文章主要介绍“AlmaLinux9怎么安装MySQL8.0.32”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“AlmaLinux9怎么安装MySQL8.0.32”文章能帮助大家解决问题。关于“AlmaLinux9怎…