首页 web前端 js教程 分享两个手机访问pc网站自动跳转手机端网站代码_javascript技巧

分享两个手机访问pc网站自动跳转手机端网站代码_javascript技巧

May 16, 2016 pm 04:16 PM
手机端 自动跳转

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

第一种方法: 需要手机端也网页的数据同步

复制代码 代码如下:



第二种方法:

 <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");//里面的地址填的就是您的移动端的网站地址呦。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用Nginx Proxy Manager实现HTTP到HTTPS的自动跳转 如何使用Nginx Proxy Manager实现HTTP到HTTPS的自动跳转 Sep 26, 2023 am 11:19 AM

如何使用NginxProxyManager实现HTTP到HTTPS的自动跳转随着互联网的发展,越来越多的网站开始采用HTTPS协议来加密传输数据,以提高数据的安全性和用户的隐私保护。由于HTTPS协议需要SSL证书的支持,因此在部署HTTPS协议时需要有一定的技术支持。Nginx是一款强大且常用的HTTP服务器和反向代理服务器,而NginxProxy

谷歌浏览器自动跳转怎么解决 谷歌浏览器自动跳转怎么解决 Mar 16, 2024 pm 08:50 PM

谷歌浏览器自动跳转怎么解决?谷歌浏览器是如今最受欢迎的一款网络浏览器软件,这款浏览器功能十分强大,操作起来也比较稳定,很多小伙伴下载安装好谷歌浏览器之后,点击网页链接总是会跳转到电脑自带的浏览器里,这种问题非常影响使用感受,因此我们需要将电脑的默认浏览器改为谷歌浏览器。本篇文章就给大家带来谷歌浏览器解决自动跳转方法详解,大家快来看看吧。谷歌浏览器解决自动跳转方法详1、点击电脑左下:开始—控制面板(如图所示)。2、进入控制面板之后选择:程序(如图所示)。3、选择默认程序里面的:设置默认程序(如图所

ie浏览器自动跳转edge怎么恢复 ie浏览器自动跳转edge怎么恢复 Jan 30, 2024 pm 09:42 PM

ie浏览器自动跳转edge怎么恢复?我们打开ie浏览器的时候一直会跳转到edge浏览器,这种情况怎么办!有用户近期在打开ie浏览器的时候,会直接跳转到edge浏览器,无法顺利的打开,导致无法使用edge浏览器,这种情况我们应该如何解决,小编下面整理了ie浏览器自动跳转edge恢复技巧,不会的话跟着小编一起往下看看吧!ie浏览器自动跳转edge恢复技巧1、首先打开IE浏览器后,自动跳转到了Edge浏览器,如图所示。2、下面来阻止它的跳转。打开Edge浏览器,点击右上角的三个圆点,选择“设置”,如图

手机端键盘遮挡输入框问题解决方案 手机端键盘遮挡输入框问题解决方案 Jun 30, 2023 pm 02:53 PM

Vue开发中如何解决手机端键盘遮挡输入框问题随着移动设备的普及,越来越多的网页应用在手机端被广泛使用。然而,在开发中,我们经常会遇到一个相当常见的问题,那就是手机端键盘遮挡输入框的情况。用户在使用输入框进行输入时,如果键盘遮挡了输入框,则会给用户带来不便和困扰。在Vue开发中,如何解决这个问题呢?下面,我将介绍几种解决方案。方案一:利用vue-keyboar

如何设置自动跳转的域名 如何设置自动跳转的域名 Oct 20, 2023 am 11:07 AM

设置方法:1、 登录域名注册商的控制面板;2、找到域名管理页面;3、找到域名解析设置;4、添加解析记录;5、设置跳转规则;6、保存设置即可。

Vue开发中如何解决手机端滑动切换页面问题 Vue开发中如何解决手机端滑动切换页面问题 Jun 29, 2023 am 09:39 AM

随着移动互联网的迅速发展,越来越多的网站开始采用手机端开发。而在手机端开发中,滑动切换页面是一个常见的需求。Vue作为一种流行的前端框架,为我们提供了一种方便的解决方案来实现滑动切换页面。在Vue开发中,我们通常使用VueRouter来管理页面的路由。VueRouter提供了一个router-link组件,可以方便地实现页面之间的跳转。但是在手机端,我们

如何在移动设备上选择适合的CSS框架? 如何在移动设备上选择适合的CSS框架? Dec 27, 2023 am 09:56 AM

如何在手机端选择合适的CSS框架?随着移动设备的普及和互联网的快速发展,越来越多的人通过手机上网浏览网页。而为了能够在手机上呈现良好的用户体验,开发者们需要选择合适的CSS框架来进行开发。本文将介绍如何在手机端选择合适的CSS框架,以帮助开发者们更好地开发手机端网页。一、了解不同的CSS框架在选择CSS框架之前,首先需要了解不同的CSS框架。目前常见的CSS

如何自动将访问者转到新的网页? 如何自动将访问者转到新的网页? Sep 08, 2023 pm 01:45 PM

作为网站所有者或开发人员,有时您可能需要自动将访问者转移到新网页。无论是因为您已将页面移至新网址还是想要将访问者重定向到网站的其他部分,您都可以使用几种不同的方法来实现此目的。在本文中,我们将探讨可用于将访问者自动转移到新网页的不同类型的重定向,并提供如何实现每种重定向的示例。元刷新重定向将访问者重定向到新网页的最简单方法之一是使用元刷新重定向。这是通过将HTML标记添加到网页的head部分来完成的,该标记告诉浏览器在指定的时间延迟后重定向到新的URL。示例<!DOCTYPEhtml&gt

See all articles