首页 > 移动互联 > 手机访问PC电脑网站自动跳转到手机wap版网站
2017五月25

手机访问PC电脑网站自动跳转到手机wap版网站

  随着智能手机的流行,4G时代来临,手机移动互联网用户越来越多,在生活中甚至手机比电脑用的还多,当前开发的网站大都是PC网站和WAP网站并存,但是很少有用户愿意去记住一个网站的两个端的不同域名,所以需要我们做一些设置,在用户访问首页的时候,进行分析跳转,现将网上流行的几种手机访问PC网站自动跳转到手机版网站的方式汇总如下,希望对大家有用:

第一种方式:
推荐,简单易用,亲测可以正常使用,代码如下:

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

第二种方式:

添加js代码,代码如下:

<script type=”text/javascript”>
try {
var urlhash = window.location.hash;
if (!urlhash.match(“fromapp”)) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
window.location = “你的手机版地址”;
}
}
}
catch (err) {
}
</script>

第三种方式:

添加js代码,代码如下:

<script type=”text/javascript”>
function urlredirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) {
//PC跳转移动端
var thisUrl = window.location.href;
//此处是在PC链接后自动添加手机版前缀,根据项目自行变更,我的是m开头
window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf(‘/’) + 1) + ‘mobile/’;
}
}
urlredirect();
</script>

第四种方式:

添加js代码,代码如下:

<script type=”text/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(“你的手机版地址”);
</script>

以上方式如有错误,欢迎指正!

比如现在比较有名的网站百度,淘宝等网站都是pc站和wap站域名都是不一样的,但是用手机访问他们的PC网址都是自动跳转到手机wap版网站,比如手机访问www.baidu.com,自动跳到m.baidu.com。手机访问www.taobao.com,自动跳到m.taobao.com。所有大家做网站的时候尽量也做个手机wap站点,方便用户访问。那么如果想同步电脑上面的内容怎么做的话可以参考SEO博客前面的一篇文章《将pc网站转换成手机网站教程》。

文章作者:SEO博客
本文地址:http://www.xiaoxinglai.com/mobile/3065/
版权所有 © 转载时必须以链接形式注明作者和原始出处!