七彩知识堂
让手机访问网站自动跳转到WAP版网页
   让手机访问网站自动跳转到WAP版网页
4G降临,移动网站已经一发不可收拾,所以对于站长来说,移动端的网页不可不引起诸位站长的注意,赶快付诸行动吧。
先搞张效果图(图片是我打开我移动端网址之后的界面)效果图基本上一样:
本人也是闲不住,最近在百度siteapp上新建了一个webapp,说白了就是PC端网页的手机版网页。这样的移动网页(webapp)是建成了,但是我在用我手机点击进去之后,打开的界面还是原先的PC端的网页。网上找了好久,还是没有找到解决的方法,最后终于还是找到了,解决办法。各位看官请看如下代码:
<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.qicaispace.net");
</SCRIPT>
备注这里的
mobile_device_detect("http://www.qicaispace.net");//里面的地址填的就是我的移动端的网站地址呦。将这里的地址换成你的移动端的网址就OK了,是不是很容易啊?
 
经典短信推荐
资讯中心 | 电子商务 | 搜索营销 | 设计学院 | 中医养生 | 养生保健 | 节日祝福 | 民俗文化 | 奇闻趣事
建站知识 | 人世百态 | 网站导航 | 传统节日 | 搜索热点 | 星座运势 | 趣闻轶事 | 祝福的话 | 短信大全
© 2023 QicaiSpace.Com