網站pc端自動跳轉到手機端幾種代碼分享

2024-04-25 20:47:21

字體：大中小

來源：轉載

供稿：網友

現在的網站，一般都包含PC和手機版兩個頁面。那么，如何實現手機訪問網站自動跳轉到手機版呢？下面，vevb就總結幾個常用的js代碼，分享給大家。

1、最新版織夢跳轉到手機版代碼（親測有效）：

<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.php">

<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.php";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

注意：其它非織夢網站只需將代碼中“{dede:global.cfg_mobileurl/}/index.php”改為您的網址即可，如：http://m.vevb.com/ 的形式。vevb.com親測有效！

2、

<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://m.your-website.com/"; //這里的網址請改為你手機站的網址

}

}

}

catch(err)

{

}

</script>

3、

<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();

</script>

4、利用百度Site App代碼判斷手機訪問：

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>

<script type="text/javascript">uaredirect("m.your-website.com");</script>?

注：：直接用上面的方法，貌似網頁會有一點問題，我建議把代碼調整一下，直接把百度的那個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("m.your-website.com");</script>

5、

<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://m.your-website.com");

</SCRIPT>