手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >手机站和电脑站自适应跳转
手机站和电脑站自适应跳转
摘要:wap或者3g站用移动端设备和PC端访问的自适应跳转。意思就是说我用手机或ipad等移动设备访问PC网站的时候,会自动跳转到移动端,程序会去...

     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区域加上这段代码就可以。

【手机站和电脑站自适应跳转】相关文章:

素食公司网站设计思路

有哪些网站能帮你在线搞定设计?

品牌网站设计过程分享

日本网站设计风格浅析

手机互动网页11大技术点创意篇突破总结

移动网站设计应该避免的“七宗罪”

手机APP模糊背景设计的优雅

16个拥有精美字体的网站

教你测试手机网页的五大方法

10款开发教学网站推荐

精品推荐
分类导航