日志
手机访问网站自动跳转到手机版
|
方法一：
目前很多网站已经出现了手机版的网站，手机网站是和互联网上的网站同步更新的，大多数人访问我们的网站是直接访问电脑上的域名，不可能为了手机网站重新记住一个域名，大家都知道，中国人都是比较懒的，那么遇到这个情况我们如何面对了，其实办法很简单就是在网站头加入一句判断语句，判断是手机访问网站时就自动跳入手机版，如果是电脑访问就显示正常版本的就可以了。
代码如下：
<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)，则要求跳转到手机版网站去。
用到PHP自带的$_SERVER来判断。
具体代码如下：
$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:http://daohang.caicy.com/m/");
这样就简单实现了手机访问自动跳转到手机版的效果。
可能有人正在找手机访问网站自动跳转到手机网站。
有两种方法。
第一种：
利用百度Site App代码判断手机访问：
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("{$head_mobile}");</script>
把以上代码插入到模板文件header.htm代码部分的</head>前面就可以了。
PS：直接用上面的方法，貌似网页会有一点问题，我建议把代码调整一下，直接把百度的那个JS文件里的代码拿出来。整理后的代码如下：
<script language="JavaScript">function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};uaredirect("{$head_mobile}");</script>
把以上代码插入到模板文件header.htm代码部分的</head>前面就可以了。
第二种：
其实和第一种方法是一样的。代码如下：
<SCRIPT LANGUAGE="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("{$head_mobile}");
</SCRIPT>
用工具把以上代码压缩一下，插入到模板文件header.htm代码部分的</head>前面就可以了。
可能有人正在找手机访问网站自动跳转到手机网站。
有两种方法。
第一种：
利用百度Site App代码判断手机访问：
<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("{$head_mobile}");</script>
把以上代码插入到模板文件header.htm代码部分的</head>前面就可以了。
PS：直接用上面的方法，貌似网页会有一点问题，我建议把代码调整一下，直接把百度的那个JS文件里的代码拿出来。整理后的代码如下：
<script language="JavaScript">function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};uaredirect("{$head_mobile}");</script>
把以上代码插入到模板文件header.htm代码部分的</head>前面就可以了。
第二种：
其实和第一种方法是一样的。代码如下：
<SCRIPT LANGUAGE="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("{$head_mobile}");
</SCRIPT>
用工具把以上代码压缩一下，插入到模板文件header.htm代码部分的</head>前面就可以了。
/8 
