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

常用的访问pc自动跳转到移动页面的代码

(function() {

if (/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(navigator.userAgent)) {

var siteName = window.location.pathname;

if (url.indexOf("?pc") < 0) {

try {

if (typeof siteName !== "undefined") {

window.location.href = "https://m.jb51.net" + siteName

}

} catch (e) {}

}

}

})();

访问移动端自动跳pc端的代码

;(function() {

var reWriteUrl = function(url) {

if (url) {

var Splits = url.split("/"),

siteName = window.location.pathname;

if (typeof siteName !== "undefined") {

return "https://www.jb51.net" + siteName

}

}

};

if (!/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(navigator.userAgent)) {

var url = window.location.href;

var pathname = window.location.pathname;

if (url.indexOf("?m") < 0) {

try {

window.location.href = reWriteUrl(url)

} catch(e) {}

}

}

})();

判断浏览器是否为手机端

(function(){var reWriteUrl=function(url){if(url){var Splits=url.split("/"),siteName=window.location.pathname;if(typeof siteName!=="undefined"){return"https://m.jb51.net"+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){}}}})();

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

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

}

以下是补充可以参考

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';

}

});

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

(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.jb51.net/android/game/826.html"}})();

第二种方法:

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

{

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

{

if(this[i] == e)

return true;

}

return false;

}

}

mobile_device_detect("http://***.***.com");

备注这里的

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

自动跳转手机版和电脑版html代码,分享两个手机访问pc网站自动跳转手机端网站代码...相关推荐

  1. 利用js实现手机访问PC端直接跳转wap端

    在做网页的时候,有些页面有pc版跟wap版.那么在同一个页面的情况下怎样做到在电脑端直接转手机端,或者用手机端访问PC网址直接跳转wap网址.这边就需要做跳转处理: (function(){ var ...

  2. 计算机共享的媒体设备,多台计算机、手机和平板电脑中共享对文件和媒体的访问时怎么做...

    今天小编向您介绍一下NAS与RAID.随着科技的发展,大批的花式存储设备涌向市场,并占据了存储市场的大片江山.但是,当您的数据量已经超出台式硬盘存储容量,您希望从多台计算机.手机和平板电脑中共享对文件 ...

  3. IOS版aplayer使用教程_Y Y的使用教程视频版/图片版(手机版。电脑版。楚恒上课必用软件)...

    手机版YY使用教程文字版 第一步:下载YY这个软件. 下载YY.是英文字母YY.不是汉字丫丫.苹果手机在APP Store.其他手机在相应的应用商店.没有的.下载360手机助手.在360手机助手里下载 ...

  4. 微信分身版电脑版_电脑版营销wetool电脑版-网站

    电脑版营销wetool电脑版-网站 对不同类型用户配置差异化运营方案,定时自动推送内容 wetool企业版(管理软件)是一款可以对进行管理的管理工具,下载使用这款wetool管理软件可以让您对运营或者 ...

  5. netkeeper客户端_星空极速下载-NetKeeper官方版下载[电脑版]-华军软件园

    NetKeeper官方版 NetKeeper官方版是款经常在校园中使用的网络共享工具.星空极速可以实现在不影响既有网路架构及运作的情形下,实时分析网路上封包等功能.NetKeeper还集成中国电信自营 ...

  6. delphi 裁剪mp3_MP3剪切器下载-MP3剪切器正式版下载[电脑版]-PC下载网

    MP3剪切器正式版 MP3剪切器正式版是款针对MP3音频所打造的剪切工具.MP3剪切器相当拥有了MP3剪切器,WMA剪切器,WAV剪切器,AMR剪切器等,非常适合做铃声制作软件.MP3剪切器还支持MP ...

  7. 今日头条电脑版官方版_imclass电脑版下载-imclass在线教室pc版下载 v1.0.2 官方版...

    ImClass电脑版是专为师生打造的在线教室软件,突破传统线下教室教学时间和空间上的限制,打造线上教室,随时在线上课,为教师和学生提供了丰富的线上授课.学习工具,包括互动白板.在线视频.共享桌面等等, ...

  8. 鸿蒙电脑系统运行exe,鸿蒙传说电脑版_电脑版鸿蒙传说下载「含模拟器」-华军软件园...

    鸿蒙传说电脑版是一款古风的策略养成游戏.鸿蒙传说手游的画面非常精致,游戏操作也非常简单,玩家可以自由的在多个人物形象中进行选择,卡通式的游戏画风看起来更加精致有趣.鸿蒙传说游戏是放置游戏的乐趣精华,打 ...

  9. 分享两款手机优化神器!

    我们手机用久了难免会有卡顿.存储空间不足.耗电严重等现象,虽然与手机老化有关,但很多情况是由于各种应用使用过程产生的垃圾文件越积越多又无法正常清理造成的,Android手机尤为严重.小编今天找到一款很 ...

最新文章

  1. LeetCode简单题之检查是否所有 A 都在 B 之前
  2. git 版本操作命令大全
  3. python实现双向最大匹配法
  4. 技术实操丨HBase 2.X版本的元数据修复及一种数据迁移方式
  5. java策略_java策略模式
  6. Sendmail with Attachment script
  7. IOS:static和extern的使用
  8. 系统win8 任务栏消失不见的解决办法
  9. Don’t Just Assume; Look and Answer: Overcoming Priors for Visual Question Answering——论文阅读笔记
  10. 快递柜项目,面向对象
  11. 【codeforces 707C】Pythagorean Triples
  12. 这是什么代码帮我看看
  13. 4和2大于号小于号箭头那边_认识﹥﹤=(大于号、小于号和等号), 会用符号表示两个数的大小 导学案(青岛版一年级上册)...
  14. patch 和 put 方法区别
  15. QImage 图片分割、保存
  16. 平价的无线蓝牙耳机,性价比高的无线蓝牙耳机
  17. 几类常用Case工具介绍
  18. 牛客网 石家庄铁道大学新生选拔赛
  19. 004-Mat对象详解
  20. android 伪装 wifi,移动数据伪装wifi软件xposed手机版-手机移动数据伪装wifi模块xposedv1.4最新版_新绿资源网...

热门文章

  1. 幸福航空落地福州冲出跑道 5乘客受伤多航班延误
  2. 小学计算机教师招聘考试试题及答案,2015中小学信息技术教师招聘考试题库(30套含答案)...
  3. LED灯具新Erp指令对性能要求有哪些?
  4. 对魔兽攻击伤害算法及平衡性的研究
  5. Tomcat下载、安装、启动最全教程
  6. 毕达哥斯拉三元组poj1305
  7. 基于FXLMS算法有源降噪毕业论文【matlab仿真】
  8. podman删除镜像清理镜像命令和镜像加速
  9. MQC手游行业解决方案详解
  10. 02-mongodb MongoDB 聚合 group