手机访问pc网站自动跳转手机端网站代码

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

未标题-1 拷贝.jpg

第一种方法,利用百度App应用,作为一个跳转。

代码如下:
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/jAVascript"></script><script type="text/javascript">uaredirect("你的手机版网址");</script>
第二种方法,用到php自带的$_SERVER来判断。
当我用手机访问主站时( www.域名.com),则要求跳转到手机版网站去。
具体代码如下:
$agent = $_SERVER['HTTP_USER_AGENT'];
if(strpos($agent,"comFront") || 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:手机访问的地址");

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

第三种方法: 需要手机端与网页数据同步。

代码如下:

< script type="text/javascript">
(function(){var ua=navigator.userAgent.toLowerCase();var bIsiPad=ua.match(/ipad/i)=="ipad";var bIsIphoneOs=ua.match(/iphone os/i)=="iphone os";var bIsAndroid=ua.match(/android/i)=="android";var bIsWM=ua.match(/windows Mobile/i)=="windows mobile";if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM){window.location.href="手机版网站的网址"}})();

< /script>

或者也可以通过一段js来判断,如果是访问源是iphone,ipod,ipad,android手机或平板的等移动设备,则跳转至wap网址。

以下代码加在head区域:

<script type="text/javascript">

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){} 

}

</script>

<script type="text/javascript">uaredirect("http://m.gugela.com");</script>

或者

<script type="text/javascript">

var mobileUrl="移动版网址",
        mobile = (/mmp|symbian|smartphone|midp|wap|phone|xoom|iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
    if (mobile) {
        window.location = mobileUrl;
    }

</script>

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

 上一篇 下一篇 

我来回答

猜你喜欢

最近更新