如何实现移动端点击链接跳转至其他页面，桌面端保持原链接跳转？

可行方案说明 #

完全可以通过.htaccess或PHP实现需求，必须基于User Agent（UA）检测，绝对不能用屏幕分辨率——服务器端拿不到前端分辨率，前端检测会导致先加载原页面再跳转，不符合你"移动端看不到原页面"的要求。

方案一：.htaccess服务器端跳转（无内容闪烁） #

这种方式在请求到达页面之前就完成跳转，彻底避免移动端看到原页面，同时能精准区分桌面用户。

检测逻辑 #

通过UA正则匹配移动/平板设备，同时排除桌面设备的UA干扰（比如部分桌面浏览器UA里带"Mobile"关键词），确保桌面用户不会被误判。

代码示例 #

RewriteEngine On

# 匹配移动/平板设备UA（忽略大小写）
RewriteCond %{HTTP_USER_AGENT} ^.*(android|iphone|ipad|ipod|blackberry|windows phone|opera mini|mobile).*$ [NC]
# 排除桌面系统UA，优先级高于移动检测
RewriteCond %{HTTP_USER_AGENT} !^.*(windows nt|macintosh|linux).*$ [NC]
# 跳转至目标页面，R=302为临时跳转，需永久跳转改R=301
RewriteRule ^page$ /differentpage [R=302,L]

关键注意点 #

• 正则覆盖主流移动设备UA，同时用桌面系统标识（Windows NT/Macintosh/Linux）做排除，避免误判
• [NC]忽略UA大小写，L标记停止后续规则执行，防止冲突

方案二：PHP服务器端跳转（逻辑更灵活） #

如果需要针对不同设备跳转到不同独立域名，PHP方案更适合，同样在输出页面内容前完成跳转。

检测逻辑 #

先判断是否为桌面设备UA，再判断移动设备，确保桌面UA不会被误判为移动。

代码示例 #

<?php
// 必须在输出任何HTML内容前执行
$ua = strtolower($_SERVER['HTTP_USER_AGENT']);

// 移动设备UA关键词
$mobileUAs = ['android', 'iphone', 'ipad', 'ipod', 'blackberry', 'windows phone', 'opera mini', 'mobile'];
// 桌面设备UA关键词（优先级更高）
$desktopUAs = ['windows nt', 'macintosh', 'linux'];

$isMobile = false;
$isDesktop = false;

// 先检测桌面设备
foreach ($desktopUAs as $keyword) {
    if (strpos($ua, $keyword) !== false) {
        $isDesktop = true;
        break;
    }
}

// 桌面设备则跳过移动检测
if (!$isDesktop) {
    foreach ($mobileUAs as $keyword) {
        if (strpos($ua, $keyword) !== false) {
            $isMobile = true;
            break;
        }
    }
}

// 执行跳转
if ($isMobile) {
    // 可替换为独立域名，比如https://m.example.com/page
    header('Location: https://link.com/differentpage', true, 302);
    exit; // 必须终止脚本，防止输出原页面内容
}

// 桌面用户继续加载原页面
?>
<!-- 原页面HTML内容 -->

关键注意点 #

• header()之前绝对不能有任何输出（包括空格、换行），否则跳转失败
• 用exit终止脚本，确保原页面内容不会被输出
• 桌面检测优先级高于移动，避免桌面浏览器UA带"Mobile"关键词被误判

为什么不能用屏幕分辨率？ #

屏幕分辨率是前端浏览器的本地属性，服务器端无法直接获取。如果用前端JS检测，必须先加载原页面的HTML和JS代码，用户会先看到原页面再跳转，完全不符合你的要求，所以绝对不能用这种方式。

如何确保桌面用户100%不被重定向？ #

1. 桌面UA优先检测：先判断是否为桌面设备UA，匹配则直接跳过移动检测
2. 使用精准的UA规则：参考主流设备识别逻辑，不要随意添加模糊关键词（比如单独用"mobile"会误判部分桌面浏览器）
3. 测试主流桌面浏览器：验证Chrome、Firefox、Safari、Edge等桌面浏览器的UA，确保不会被匹配到移动规则
4. 避免过度匹配：不要把"tablet"单独作为判断，部分桌面设备UA也会包含，结合系统标识排除

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