手机访问网站自动跳转到手机版

文章2016-09-202,124 人已阅来源：网络

方法一：

目前很多网站已经出现了手机版的网站，手机网站是和互联网上的网站同步更新的，大多数人访问我们的网站是直接访问电脑上的域名，不可能为了手机网站重新记住一个域名，大家都知道，中国人都是比较懒的，那么遇到这个情况我们如何面对了，其实办法很简单就是在网站头加入一句判断语句，判断是手机访问网站时就自动跳入手机版，如果是电脑访问就显示正常版本的就可以了。
代码如下：

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("你的手机版网址");</script>

这个是利用百度APP应用，做为一个跳转。

方法二：

访问者如果是使用手机浏览器访问我们的站点，会受到一些限制，为此我们需要制作移动版本，并且在站点的首页加上判断，若访问者是用手机或者其它移动设备访问，页面自动跳转至wap页面。若是PC访问则打开正常页面。

当我用手机访问主站时( www.域名.com)，则要求跳转到手机版网站去。

具体代码如下：

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" :  "http://news.baidu.com/";

以上代码利用了正则表达式和三目运算符，含义就是如果是移动端打开的话那就跳转到 "https:www.baidu.com/" ，如果不是就跳转到"http://new.baidu.com/"。

普通的if else 判断如下：

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = "https://www.baidu.com/";
} else {
    window.location.href = "http://news.baidu.com/";
}

这样就简单实现了手机访问自动跳转到手机版的效果。

AIHX

手机访问网站自动跳转到手机版

相关内容