网站地图    收藏   

主页 > 设计 > 网页设计 >

手机站和电脑站自适应跳转_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

     wap或者3g站用移动端设备和PC端访问的自适应跳转。意思就是说我用手机或ipad等移动设备访问PC网站的时候,会自动跳转到移动端,程序会去自动判断或者识别来访用户是移动端还是PC端,下面的js代码可以实现,功能介绍:比如当你用手机访问www.heimaoseojishu.com会自动跳转到这个黑帽网站的手机端,反则依然。

<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.heimaoseojishu.com");

</SCRIPT>

 

这些代码我测试了大部分的移动设备,能找到的我都测了一遍,呵呵,都能识别并正确跳转。能识别的分别有iPhone,iPod,iPad,android,Nokia,SymbianOS,Symbian,Windows Phone,Linux armv71,MAUI,UNTRUSTED/1.0,Windows CE,BlackBerry,IEMobile等。mobile_device_detect处替换你需要转向的网址,使用方法是在head或foot区域加上这段代码就可以。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论