javascript - 如何检测 iPad Mini？

Question

我有一个网站在宽度小于 1000 时转到移动设备。问题是，当 iPad Mini 水平时，它的宽度为 1024——与 iPad 相同。iPad 能够运行我编程的特定时间线，但 Mini 不能——它崩溃了。我想检测用户何时拥有 Mini 并在这种情况下强制网站使用其移动版本。

我查看了这个 stackoverflow 条目：Detect iPad Mini in HTML5但它实际上没有任何代码来检测 mini，尽管我喜欢这个建议的 hack：

function isIPadMini( var timeToReachTerminalVelocity )
{
    return (timeToReachTerminalVelocity > IPAD_MINI_THRESHOLD);
}

请问有人知道如何检测mini吗？

我现在只是使用这个 css 代码：

@media (max-width: 1000px) {
  .desktop {
      display: none;
  }
  .mobile {
      display: block;
  }
}

score 1 · Accepted Answer

这往往对我有用。它检查用户是否有光标。您也可以使用指针：无。公平地说，这也将获得一部电话。唯一完全准确的方法是使用 PHP 或 JavaScript。

@media (pointer: coarse) {
  .desktop {
      display: none;
  }
  .mobile {
      display: block;
  }
}

1 回答 1