移动端重定向代码异常：桌面浏览器被误导向移动端站点

嘿，我来帮你排查这个棘手的问题！听起来真的闹心——不管用哪款桌面浏览器都被跳转到移动端站点，哪怕删掉else语句也没解决。咱们一步步拆解分析：

首先，先聚焦你现有代码的核心逻辑：你用navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)来判断是否为移动设备，但match()方法如果匹配到关键词会返回一个数组（在if条件里会被判定为true），匹配不到则返回null（判定为false）。现在桌面浏览器也触发重定向，大概率是这个判断在桌面环境下意外返回了true。

第一步：先定位问题根源 #

先在桌面浏览器里打印关键信息，确认是不是User Agent匹配出了问题：

$(document).ready(function() {
    var userAgent = navigator.userAgent;
    var isMobile = userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);
    console.log('当前浏览器User Agent:', userAgent);
    console.log('isMobile 判定结果:', isMobile);
    
    if (isMobile) {
        console.log('触发移动端重定向逻辑');
        // 你的重定向代码
        // window.location.href = "移动端站点URL";
    }
});

打开浏览器控制台（按F12）查看输出：

• 如果isMobile真的有返回值，说明你的桌面浏览器User Agent里意外包含了iPhone/Android这类关键词（可能是插件修改、特殊浏览器设置或版本导致的）。
• 如果isMobile是null但还是触发了重定向，那说明重定向代码可能写在了if块外面，或者有其他隐藏逻辑在执行跳转。

第二步：优化移动设备判断逻辑 #

如果是User Agent匹配太宽泛导致误判，咱们可以优化正则，比如区分移动版Android（带Mobile关键词），避免误判平板或桌面浏览器：

$(document).ready(function() {
    // 更精确的移动设备判断：针对手机，排除部分平板/桌面场景
    var isMobile = /iPhone|iPod|iPad|Android.*Mobile|BlackBerry|IEMobile/.test(navigator.userAgent);
    // 可选：结合屏幕宽度做辅助判断，适配响应式场景
    var isSmallScreen = window.innerWidth < 768;

    if (isMobile || isSmallScreen) {
        window.location.href = "你的移动端站点URL";
    }
});

另外，只依赖User Agent并不绝对可靠（它可以被手动修改），结合屏幕宽度的方式能更好地适配实际设备的显示场景。

第三步：检查浏览器自身设置 #

如果调试后发现桌面浏览器的User Agent确实被修改了，记得检查：

• 浏览器是否开启了“移动端模拟”（比如Chrome开发者工具的Device Toolbar），关闭后再测试。
• 是否安装了修改User Agent的插件，暂时禁用后重试。

试试看这些步骤，应该能快速定位并解决问题！

内容的提问来源于stack exchange，提问作者user1532468