javascript - 如何检测 iOS Mobile Safari 和 Chrome 的 "request desktop site"模式？

Question

当用户使用 iOS 移动版 safari 的“请求桌面版网站”或 iOS Chrome 的“请求桌面版”时，我想发送我网站的 iPad 版。那个模式好像只有user-agent不一样，而且好像检测不到。有什么想法吗？

我的网站有三个版本:台式机/平板电脑/智能手机。平板电脑版本是桌面版本的静态版本，非常动态并且大量使用 JavaScript(视差效果。)

Answer 1

我见过一些人使用 cookies/sessionStorage 来检测不断变化的用户代理，例如 http://leavesofcode.net/2013/07/08/responsive-design-with-switch-to-desktop-site-option/和 https://gist.github.com/dtipson/7401026

但是，我发现您可以通过将 navigator.platform 与 navigator.userAgent 交叉引用来跳过所有这些。这是专门针对 iOS 的，因为我听说 Chrome 的“请求桌面站点”也会自动更新视口(viewport)，因此可能不需要对其进行此检查。

var iOSAgent = window.navigator.userAgent.match(/iPhone|iPod|iPad/);
var iOSPlatform = window.navigator.platform && window.navigator.platform.match(/iPhone|iPod|iPad/);
var iOSRequestDesktop = (!iOSAgent && iOSPlatform);