在太阳下
不管你喜不喜欢,高不高兴,爱与不爱;太阳照旧照耀着你!温暖着你!

WordPress 移动设备自动跳转

WordPress 移动设备自动跳转
TIM E2023-04-19 20:26

当移动设备访问WordPress站点的时候,如何让它自动跳转到针对移动设备优化的过的页面?
通常情况下WordPress的主题是有适配移动设备使用的自适应功能,但是我需要它自动跳转到针对移动设备优化的过的页面
所以如何实现呢

通过JavaScript代码将检测设备类型并重定向到指定的网址

<script type="text/javascript">
  if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    window.location.href = "https://inthesun.life/cp";
  }
</script>

比如说我们
桌面端的网址是 https://inthesun.life/pc (Personal Computer 个人计算机)
移动设备端的网址是 https://inthesun.life/cp (cell phone 手机)
那么将上段代码添加到 https://inthesun.life/pc 页面里面
当桌面端访问 https://inthesun.life/pc 时,不跳转
当移动设备访问 https://inthesun.life/pc 时,自动跳转到 https://inthesun.life/cp

这段代码是一个JavaScript语言的条件语句,它检查当前设备的用户代理(User-Agent)字符串中是否包含Android、webOS、iPhone、iPad、iPod、BlackBerry、IEMobile或Opera Mini中的任何一种。如果检测到,则会将窗口重定向到”https://inthesun.life/cp”网址。

换句话说,这段代码用于检测用户正在使用哪种类型的移动设备,并在必要时将其重定向到一个特定的URL地址。通常情况下,这段代码会嵌入在HTML文档的头部标签中,并且会在加载页面时自动执行。

上面是从桌面端跳转到移动设备端,同样也可以反向操作
当桌面端访问移动设备端的时候自动跳转到桌面端
也就是说桌面端访问 https://inthesun.life/cp 时,自动跳转到 https://inthesun.life/pc

<head>
  <script type="text/javascript">
    if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      window.location.href = "https://inthesun.life/pc";
    }
  </script>
</head>

这段代码使用正则表达式检测用户设备类型,如果不是移动设备,则会将窗口重定向到”https://inthesun.life/pc”

 

点击数:8

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
Verified by MonsterInsights