通过js文件实现访问网站自动跳转到手机站

时间:2016-04-13

通过百度Site App的建站,可以通过在网站头部head区间添加JS判断,如果是手机访问则自动跳转到手机地址:

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://m.429006.com");</script>

仔细看了下这个js文件:uaredirect.js

function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}

这个是一个移动设备判断,使用userAgent来判断的,iPhone|iPod|Android|ios|iPad,哥,你不是这些系统或设备的就靠边。。。

这里给我们一个启发,以后就可以用这个js去做判断设备,然后做一些你想做的事情。
 

下面是自动跳转在PC端项目起始页面,检测到是 从手机端访问的,就自动跳转到wap服务

上一条:CSS教程:CSS3圆角属性 下一条:CSS教程(7):网页段落行间距控制的实例

相关文章

最新文章