我们用服务每一个客户

Our intention to service each customer

诚实 守信 专业 专注

通过UserAgent判断手机浏览器类型并实现按需跳转

更新时间: 点击:0
您当前的位置:主页 > 技术文档 > 网页特效 >

我们可以通过userAgent来判断,比如检测某些关键字,例如:AppleWebKit*****Mobile或AppleWebKit,需要注意的是有些浏览器的userAgent中并不包含AppleWebKit关键字,可能会是Linux,UCBrowser等等。

[html]
 
  1. <script type="text/javascript">
  2.   var browser = {
  3.   versions : function() {
  4.   var u = navigator.userAgent, app = navigator.appVersion;
  5.   return {//移动终端浏览器版本信息
  6.   trident : u.indexOf('Trident') > -1, //IE内核
  7.   presto : u.indexOf('Presto') > -1, //opera内核
  8.   webKit : u.indexOf('AppleWebKit') > -1, //苹果>内核
  9.   gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
  10.   mobile : !!u.match(/AppleWebKit.*Mobile.*/)
  11.   || !!u.match(/AppleWebKit/), //是否为移动终端
  12.   ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  13.   android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
  14.   iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
  15.   iPad: u.indexOf('iPad') > -1, //是否iPad
  16.   webApp : u.indexOf('Safari') == -1,
  17.   //是否web应该程序,没有头部与底部
  18.   google:u.indexOf('Chrome')>-1
  19.   };
  20.   }(),
  21.   language : (navigator.browserLanguage || navigator.language).toLowerCase()
  22.   }
  23.   document.writeln("语言版本: "+browser.language);
  24.   document.writeln(" 是否为移动终端: "+browser.versions.mobile);
  25.   
  26.   //其他的适配代码(后缀名为.js 并引用至网页)
  27.  
  28.   <!--
  29.   //平台、设备和操作系统
  30.   var system = {
  31.   win: false,
  32.   mac: false,
  33.   xll: false,
  34.   ipad:false
  35.   };
  36.   //检测平台
  37.   var p = navigator.platform;
  38.   system.win = p.indexOf("Win") == 0;
  39.   system.mac = p.indexOf("Mac") == 0;
  40.   system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  41.   system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  42.   //跳转语句,如果是手机访问就自动跳转到" "里的页面
  43.   if (system.win || system.mac || system.xll||system.ipad) {
  44.   
  45.   } else {
  46.   
  47.   window.location.href="http://m.starchuang.com/";
  48.   }
  49.   -->
  50. </script> 
  51.  
  52.  
  53.  
Copyright © 2009-2029 武汉页维网络科技有限公司(www.yeweiw.com) All Rights Reserved.
鄂公网安备 鄂公网安备 42011102005606号 鄂ICP备2024069953号-1

服务热线

18062108535

提供专业技术服务

页维微信

微信客服