首页 > 其他分享 >PC端项目和移动端项目之间,根据设备类型判断相互跳转

PC端项目和移动端项目之间,根据设备类型判断相互跳转

时间:2023-09-04 11:14:24浏览次数:39  
标签:项目 windows sUserAgent PC window let location 跳转 match

移动端项目配置:在index.html里添加以下代码即可

<script>
    let sUserAgent = navigator.userAgent.toLowerCase();
    let isIpad = sUserAgent.match(/ipad/i) == "ipad";
    let isIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    let isMidp = sUserAgent.match(/midp/i) == "midp";
    let isUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    let isUc = sUserAgent.match(/ucweb/i) == "ucweb";
    let isAndroid = sUserAgent.match(/android/i) == "android";
    let isCE = sUserAgent.match(/windows ce/i) == "windows ce";
    let isWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    let isMobile = isIpad || isIphoneOs || isMidp || isUc7 || isUc || isAndroid || isCE || isWM

    if (!isMobile) {  // 跳转至PC端地址
      const mSign = "m.xxxx.com"
      const pcSign = "www.xxxx.com"
      if (window.location.href.includes(mSign)) {
        window.location.href = window.location.href.replace(mSign, pcSign)
      }
    }
  </script>

PC端项目配置:在index.html里添加以下代码即可

<script>
    let sUserAgent = navigator.userAgent.toLowerCase();
    let isIpad = sUserAgent.match(/ipad/i) == "ipad";
    let isIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    let isMidp = sUserAgent.match(/midp/i) == "midp";
    let isUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    let isUc = sUserAgent.match(/ucweb/i) == "ucweb";
    let isAndroid = sUserAgent.match(/android/i) == "android";
    let isCE = sUserAgent.match(/windows ce/i) == "windows ce";
    let isWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    let isMobile = isIpad || isIphoneOs || isMidp || isUc7 || isUc || isAndroid || isCE || isWM

    if (isMobile) {  // 跳转至移动端地址
      const mSign = "m.xxxx.com"
      const pcSign = "www.xxxx.com"
      if (window.location.href.includes(pcSign)) {
        window.location.href = window.location.href.replace(pcSign, mSign)
      }
    }
  </script>

标签:项目,windows,sUserAgent,PC,window,let,location,跳转,match
From: https://www.cnblogs.com/huihuihero/p/17676396.html

相关文章

  • AIGC,人工智能,项目管理,禅道,项目管理软件,敏捷开发
    1950年,艾伦·图灵提出了著名的“图灵测试”给出了判定机器是否具有“智能”的试验方法。从某种程度上,人工智能从那时起就被赋予了用于内容创作的期许。经过了半个多世纪的发展,随着数据快速积累、算力性能提升和算法效力增强,我们似乎进入到了一个新的纪元:AIGC迅速火爆全球。那么A......
  • Java项目日常开发中使用BigDecimal常见问题总结
    Java项目中有计算精度要求高的场景(如金额计算)会使用BigDecimal类型来代替Double、Float。本文整理了一些日常开发中使用BigDecimal值得注意的问题和代码实例。BigDecimal初始化时入参应使用String类型例1:BigDecimalx=newBigDecimal(3.33);BigDecimaly=newBigDecima......
  • HttpClient在SpringBoot中的使用
    一、简介HttpClient是ApacheJakartaCommon下的子项目,可以用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包。HttpClient是一个HTTP通信库、一个工具包,它只提供一个通用浏览器应用程序所期望的功能子集,与浏览器相比是没有界面的。二、引入依赖<!--httpcli......
  • 仿人运动平台测试系统项目展示
    项目简介:开发出一套高度仿人运动平台,模拟人体真实环境,进行可穿戴设备的力电表征测试硬件:欧姆龙CP1HPLC、copley驱动器、自研音圈电机、自研关节电机、自研机械胸腔设备、自研膝关节平台、蠕动泵、温控仪、LCR仪、自研电子皮肤、软件:C#、winforms、Matlab软件测试图:最终软件......
  • uniapp项目实践总结(八)自定义加载组件
    有时候一个页面请求接口需要加载很长时间,这时候就需要一个加载页面来告知用户内容正在请求加载中,下面就写一个简单的自定义加载组件。目录准备工作逻辑思路实战演练效果预览准备工作在之前的全局组件目录components下新建一个组件文件夹,命名为q-loading,组件为q-loading......
  • 如何将项目打包上传到NuGet服务器?
    作者:西瓜程序猿主页传送门:https://www.cnblogs.com/kimiliucn前言在我写[在.NETFramework中使用RocketMQ(阿里云版)]这篇博客的时候,因为封装了很多代码在单独的DLL中,包括生产者、消费者以及官方SDK等等,然后都在博客中体现出来导致博客大量代码,然后有位读者就建议打包成NuG......
  • 近期项目开发的得与失
     笔者从两年前进入公司开始,参与一个软件系统从立项、调研、启动、开发、暂停的全过程。说是暂停,实际上在可预见的未来,该项目都将被封存,这是一次失败的尝试。在立项启动以后,该项目开发进度缓慢,最主要的是,目标不明确,而且变现难度极大。在项目进度后期,大概项目喊停的半年前,笔......
  • IDEA2022.3.1创建JavaWeb项目步骤
    IDEA2022与2021相比,更新后创建新项目时少了JavaWeb项目选项,关于2022版创建JavaWeb项目步骤如下:创建maven项目,填写好后直接点击create即可,项目名称可根据自身情况自己命名。 2.在pom.xml肿设置打包方式为war包。3.补齐MavenWeb项目缺失的webapp目录结构  4......
  • 【很难啊、拆分数、观察】P6944 [ICPC2018 WF] Gem Island
    简要题面:求\(n+d\)的\(n\)正整数拆分中,最大的\(r\)个数之和的期望。首先是典中典:KeyObservation:最后的形态\(a_1\toa_n\)的概率都是一样的。Proof:考虑组合数\(\binom{d}{a_1-1,a_2-1.....,a_n-1}\)。然后我们每次在每一个\(a_i-1\)每次分裂有......
  • mall :hutool项目源码解析
    目录一、mall开源项目1.1来源1.2项目转移1.3项目克隆二、Hutool工具类库2.1Hutool简介三、源码解析3.1集成与配置3.1.1导入依赖3.1.2添加配置3.2核心工具类3.2.1AnnotationUtil使用:注解工具类3.2.2BeanUtil使用:JavaBean的工具类3.2.3CaptchaUtil使用:图形验证码3.2.4C......