我是靠谱客的博主 疯狂斑马,最近开发中收集的这篇文章主要介绍分享两个手机访问pc网站自动跳转手机端网站代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!

判断浏览器是否为手机端

<script type="text/javascript">
(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=window.location.pathname;if(typeof siteName!=="undefined"){return"https://m.uoften.com"+siteName}}};if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){var url=window.location.href;var pathname=window.location.pathname;if(url.indexOf("?pc")<0){try{window.location.href=reWriteUrl(url)}catch(e){}}}})();
</script>

判断浏览器是否为pc端,是就跳到pc页面

<script>
var browser1 = {
	  versions: function () {
	    var u = navigator.userAgent, app = navigator.appVersion;
	    return {//移动终端浏览器版本信息
	      trident: u.indexOf('Trident') > -1, //IE内核
	      presto: u.indexOf('Presto') > -1, //opera内核
	      webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
	      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
	      mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
	      ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
	      android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
	      iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
	      iPad: u.indexOf('iPad') > -1, //是否iPad
	      webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
	    };
	  } (),
	  language: (navigator.browserLanguage || navigator.language).toLowerCase()
	}

if(browser1.versions.mobile==false&&browser1.versions.ios==false&&browser1.versions.android==false&&browser1.versions.iPhone==false &&browser1.versions.iPad==false){
		//location.href = location.href.replace("m.","www.");//如果不是手机打开,则跳转到pc页面
		alert("pc");
	}

</script>

以下是补充可以参考

jQuery判断浏览器是移动端还是电脑端自动跳转

一个段小代码,同一个网站针对移动端查看和电脑端查看跳转不同的页面。
首先加载jQuery文件。

$(function(){ 
  var MobileUA = (function() { 
    var ua = navigator.userAgent.toLowerCase(); 
 
    var mua = { 
      IOS: /ipod|iphone|ipad/.test(ua), //iOS 
      IPHONE: /iphone/.test(ua), //iPhone 
      IPAD: /ipad/.test(ua), //iPad 
      ANDROID: /android/.test(ua), //Android Device 
      WINDOWS: /windows/.test(ua), //Windows Device 
      TOUCH_DEVICE: ('ontouchstart' in window) || /touch/.test(ua), //Touch Device 
      MOBILE: /mobile/.test(ua), //Mobile Device (iPad) 
      ANDROID_TABLET: false, //Android Tablet 
      WINDOWS_TABLET: false, //Windows Tablet 
      TABLET: false, //Tablet (iPad, Android, Windows) 
      SMART_PHONE: false //Smart Phone (iPhone, Android) 
    }; 
 
    mua.ANDROID_TABLET = mua.ANDROID && !mua.MOBILE; 
    mua.WINDOWS_TABLET = mua.WINDOWS && /tablet/.test(ua); 
    mua.TABLET = mua.IPAD || mua.ANDROID_TABLET || mua.WINDOWS_TABLET; 
    mua.SMART_PHONE = mua.MOBILE && !mua.TABLET; 
 
    return mua; 
  }()); 
 
  //SmartPhone  
  if (MobileUA.SMART_PHONE) { 
    // 移动端链接地址 
     
    document.location.href = 'http://www.aaa.com/wap/index.html'; 
  } 
}); 

 需要手机端也网页的数据同步

复制代码 代码如下:

<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="http://m.uoften.com/android/game/826.html"}})();
</script>

第二种方法:

 <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://***.***.com");
</SCRIPT>

备注这里的
mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址呦。

最后

以上就是疯狂斑马为你收集整理的分享两个手机访问pc网站自动跳转手机端网站代码的全部内容,希望文章能够帮你解决分享两个手机访问pc网站自动跳转手机端网站代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(150)

评论列表共有 0 条评论

立即
投稿
返回
顶部