js实现手机访问pc端主页自动跳转到手机网页

在制作网站的时候，对于设备的显示兼容一直是站长的头等大事。既要兼顾pc端的大气漂亮，还要保证使用手机的用户也能访问网站。

一般情况下，要么把网站制作成响应式，要么建设pc、移动两套站点。在使用独立移动站时，我们就需要将通过手机浏览器过来的用户导入到手机站点，就需要用到下面的js代码了。

<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(“http://blueslu.com”);
</SCRIPT>

第二款代码：

<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=”http://blueslu.com/”;}}}
catch(err)
{
}
</script>
第三款代码：

<script type=”text/javascript”>
// JavaScript Document
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;
window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf(‘/’)+1)+’mobile/’;

}
}
urlredirect(“http://blueslu.com”);
</script>