首页 > 网站 > WEB开发 > 正文

手机站和电脑站自适应跳转

2024-04-27 14:54:23
字体:
来源:转载
供稿:网友

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表