首页 > 网站 > 建站经验 > 正文

网站pc端自动跳转到手机端几种代码分享

2024-04-25 20:47:21
字体:
来源:转载
供稿:网友
                现在的网站,一般都包含PC和手机版两个页面。那么,如何实现手机访问网站自动跳转到手机版呢?下面,vevb就总结几个常用的js代码,分享给大家。

1、最新版织梦跳转到手机版代码(亲测有效):

  1. <meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.php"
  2. <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、

  1. <script type="text/javascript"
  2. try { 
  3. var urlhash = window.location.hash; 
  4. if (!urlhash.match("fromapp")) 
  5. if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) 
  6. window.location="http://m.your-website.com/"; //这里的网址请改为你手机站的网址 
  7. catch(err) 
  8. </script> 


3、

  1. <script type="text/javascript"
  2. // JavaScript Document 
  3. function urlredirect() { 
  4.     var sUserAgent = navigator.userAgent.toLowerCase();  
  5.     if ((sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) { 
  6.         // PC跳转移动端 
  7.         var thisUrl = window.location.href; 
  8.         window.location.href = thisUrl.substr(0,thisUrl.lastIndexOf('/')+1)+'mobile/'
  9.           
  10.     } 
  11. urlredirect(); 
  12. </script> 


4、利用百度Site App代码判断手机访问:

  1. <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script> 
  2. <script type="text/javascript">uaredirect("m.your-website.com");</script>​ 

注::直接用上面的方法,貌似网页会有一点问题,我建议把代码调整一下,直接把百度的那个JS文件里的代码拿出来。整理后的代码如下:

  1. <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、
  1. <SCRIPT LANGUAGE="JavaScript"
  2.  function mobile_device_detect(url) 
  3.  { 
  4.         var thisOS=navigator.platform; 
  5.         var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile"); 
  6.  for(var i=0;i<os.length;i++) 
  7.         { 
  8.  if(thisOS.match(os[i])) 
  9.         {   
  10.   window.location=url; 
  11.  } 
  12.            
  13.  } 
  14.  //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认 
  15.  if(navigator.platform.indexOf('iPad') != -1) 
  16.         { 
  17.   window.location=url; 
  18.  } 
  19.  //做这一部分是因为Android手机的内核也是Linux 
  20.  //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断 
  21.   var check = navigator.appVersion; 
  22.   if( check.match(/linux/i) ) 
  23.           { 
  24.    //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件 
  25.    if(check.match(/mobile/i) || check.match(/X11/i)) 
  26.                  { 
  27.    window.location=url; 
  28.    }  
  29.  } 
  30.  //类in_array函数 
  31.  Array.prototype.in_array = function(e) 
  32.  { 
  33.   for(i=0;i<this.length;i++) 
  34.   { 
  35.    if(this[i] == e) 
  36.    return true
  37.   } 
  38.   return false
  39.  } 
  40.  } 
  41. mobile_device_detect("http://m.your-website.com"); 
  42. </SCRIPT> 


以上则是VeVb为大家整理的几种实现网站pc端自动跳转到手机端几种代码分享。希望对您有所帮助!




注:相关教程知识阅读请移步到建站经验频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表