您的位置: 首页 > 源码资料

自动判断手机、平板与电脑访问不同网址页面的简单处理方法

源码资料 时间:2014-09-30 作者/发布人:科杰在线 点击:8231
有没有这方面的需求?现在手机、平板用户越来越多,原来的网站是根据电脑端开发的,在手机、平板上显示是存在一定排版问题的,又另做了一套针对移动端的程序和样式,但苦于不知道如何能让网站自动检测来访用户的浏览器到底是电脑还是手机、平板之类的移动设备,用下面这段代码就行了,会自动进行判断,正常显示电脑端网页,如果检测是移动设备,就会跳到你设定的另一个地址中去,十分便捷。

使用方法,将下列JS,直接放到网站index.html中即可。

<SCRIPT LANGUAGE="JavaScript">
 function mobile_device_detect(url)
 {
        var thisOS=navigator.platform;
        var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
 for(var i=0;i<os.length;i++)
        {
 if(thisOS.match(os[i]))
        {  
  window.location=url;
 }
 
 }
 //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
 if(navigator.platform.indexOf('iPad') != -1)
        {
  window.location=url;
 }
 //做这一部分是因为Android手机的内核也是Linux
 //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断
  var check = navigator.appVersion;
  if( check.match(/linux/i) )
          {
   //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件
   if(check.match(/mobile/i) || check.match(/X11/i))
                 {
   window.location=url;
   } 
 }
 //类in_array函数
 Array.prototype.in_array = function(e)
 {
  for(i=0;i<this.length;i++)
  {
   if(this[i] == e)
   return true;
  }
  return false;
 }
 }
mobile_device_detect(http://www.pc354.com);
 </SCRIPT>

把上面标红字的地址,改为你网站移动端实际网址就行了。亲测有效,此代码的原作者不知道是哪位高手,有这方面需求时百度到的,在此表示崇高的敬意。赶紧转过来,有需要的可以试试。

科杰在线pc354.com 收集整理
2014.9.30
--------------------------全文完----------------------------
0% (0)
0% (0)
整站字母快速检索: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0

综合报道 经济形势 劳动就业 政策法规 热点推荐 创业新闻 创业指导 创业课堂 创业故事 大学生创业 | 装修日记 | 学驾驶经历 | 免费信息发布 | 网站地图

地址:合肥市临泉路香格里拉花园 邮箱:pc354@163.com QQ:55769640 | 皖ICP备06007228号 
版权所有:科杰服务(www.pc354.com) 建议使用IE7.0或以上版本,最少1280分辨率浏览本站,可获得最佳浏览效果

飞到顶部