行业知识 真实、正向、传递价值

当前位置:首页 > 新闻动态 > 行业知识

如何让手机访问网站自动跳转到WAP版网页

日期:2016-8-6 13:32:47

 本人也是闲不住,最近在百度siteapp上新建了一个webapp,说白了就是PC端网页的手机版网页(这样解释应该很形象)。这样的移动网页(webapp)是建成了,但是我在用我手机搜索相应的关键词,点击进去之后,打开的界面还是原先的PC端的网页。网上找了好久,还是没有找到解决的方法,最后终于还是找到了,解决办法。各位看官请看如下代码:

mobile3.jpg

 <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.yirentong.com“);

</SCRIPT> 备注这里的

mobile_device_detect(“http://www.yirentong.com“);//里面的地址填的就是我的移动端的网站地址呦。将这里的地址换成你的移动端的网址就OK了,是不是很容易啊?