在太阳下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
