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