如何将点击链接的移动用户重定向到另一个链接，而桌面用户则转到他们点击的同一链接？

Question

假设我有一个链接“link.com/page”。

我希望点击上述链接的桌面用户转到“link.com/page”，但移动用户或平板电脑用户转到“link.com/ Differentpage”甚至“ differentlink.com”。

这是需要用 php 之类的代码来完成吗？可以通过htaccess来完成吗？

这样做对我来说非常重要。

我可以检测手机/平板电脑上的用户代理和/或屏幕分辨率以将其重定向到其他页面吗？

顺便说一句，原始链接“link.com/page”和“link.com/ Differentpage”绝对没有任何共同点，并且完全不同。而且，移动用户必须先看到原始链接“link.com/page”，然后在看到原始链接的内容后才重定向到“link.com/ differentpage”。

我能做到这一点是非常紧迫的。

这是通过代码或 htaccess 还是两者都完成的？它会 100% 的时间工作吗（我真正需要的是点击链接的桌面用户 100% 的时间不会被重定向”我只需要移动设备转到不同的页面。

我是否必须检测用户代理或屏幕分辨率或两者都检测？我需要基本上100%保证成功率

Answer 1

为什么不在页面上只放置两个链接，并使用 CSS 根据用户的屏幕宽度隐藏一个链接？

请注意，由于 SO 代码片段显示在

iframes

中，屏幕宽度将基于

iframe

的宽度。

@media only screen and (min-width: 767px){
  .mobile-link{
    display: none;
  }
}

@media only screen and (max-width: 767px){
  .desktop-link{
    display: none;
  }
}

<a href="#" class="mobile-link">Mobile link</a>

<a href="#" class="desktop-link">Desktop link</a>