移动设备访问网站自动跳转移动网站教程

日期: 17天前 人气: - 评论: 0

现在移动网站占比非常高,我们也希望用户在访问移动站的时候网站能够自动跳转到移动网站,这样大大方便了我们使用效率及便捷性,下面就来介绍几种自动跳转移动站的方法,其实简单来说就是判断UA。

1:一段简单的script代码,请自行把***替换为你的网址即可,然后插入首页,即可实现自动跳转,内页也可以用这个方法实现,替换相应标签即可。

<script>
    var cookieArr,cookieReg=new RegExp("(^| )forcedesk=([^;]*)(;|$)"),forceDesk='0';
    if(cookieArr=document.cookie.match(cookieReg)){
        forceDesk = unescape(cookieArr[2]);
    }
    if(forceDesk != '1'){
        var ua = navigator.userAgent;
        if(!!ua.match(/AppleWebKit.*Mobile.*/)){
            location.href = location.href.replace('http://www.***.com','http://m.***.com/');
        }
    }
</script>

1.png

2:也是使用js代码实现,插入首页,替换网址即可。

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

3:一个简单的PHP代码,需在您首页的PHP文件中插入此代码,即可实现自动跳转。

<?php  
//php判断客户端是否为手机  
$agent = $_SERVER['HTTP_USER_AGENT'];  
if(strpos($agent,"NetFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS"))  
header("Location:http://wap.***.com");  
?>

加入php代码的时候注意  请复制
$agent = $_SERVER['HTTP_USER_AGENT'];  
if(strpos($agent,"NetFront") || strpos($agent,"iPhone") || strpos($agent,"MIDP-2.0") || strpos($agent,"Opera Mini") || strpos($agent,"UCWEB") || strpos($agent,"Android") || strpos($agent,"Windows CE") || strpos($agent,"SymbianOS"))  
header("Location:http://wap.***.com");

4:在JS文件中添加代码,也可实现自动跳转,请把以下代码复制到common.js。

UA = navigator.userAgent.toLowerCase();
url = window.location;
url = url.toString();
if((UA.indexOf('iphone') != -1 || UA.indexOf('mobile') != -1 || UA.indexOf('android') != -1 || UA.indexOf('ipad') != -1 || UA.indexOf('windows ce') != -1 || UA.indexOf('ipod') != -1) && UA.indexOf('ipod') == -1) {
if (url.match(/^http:\/\/www\.***\.com\/$/) || url.match(/^http:\/\/www\.***\.com$/)) { Go('http:\/\/wap\.***\.com'); }
if (url.match(/\/intro\/\d+?/)){id = url.match(/\/intro\/(\d+?)/);Go('http://wap.***.com/book/'+id[1]+'/');}
if (url.match(/\/\d+?\/\d+?\/index\.html/)){id = url.match(/\/(\d+?)\/(\d+?)\/index\.html/);Go('http://wap.***.com/'+id[1]+'/'+id[2]+'/');}
if (url.match(/\/\d+?\/\d+?\//)){id = url.match(/\/(\d+?)\/(\d+?)\//);Go('http://wap.***.com/'+id[1]+'/'+id[2]+'/');}
if (url.match(/\/\d+?\/\d+?\/\d+?\.html/)){id = url.match(/\/(\d+?)\/(\d+?)\/(\d+?)\.html/);Go('http://wap.***.com/'+id[1]+'/'+id[2]+'/'+id[3]+'.html');}
}
function Go(url) { window.location = url;}

大概就这几种,可以自由选择,都是通用型,还有一种是自适应网站可以自动跳转,不过自适应的需要在做网站的时候就需要考虑到,所以这里就介绍的后期如何跳转的实现方法。