javascript - 有没有办法在我正在开发的网站中检测 iPadOS/iPad 设备？

Question

我想知道的是:有没有办法使用 HTML、CSS 或 JS 检测特定设备(iPad)？如果网站是在 iPad 上购买的，我希望能够禁用一些代码。到目前为止，我不知道我想禁用什么代码，因为我还不知道是什么导致了问题，但我正在通过反复试验进行研究，看看我是否可以通过某些更改让网站在 iPad 上运行.
问题:
我设计了一个网站，它有一个使用 CSS 移动的多边形覆盖。该站点使用 HTML5、Bootstrap 4、Parallax(我知道它在 iPad 上没有变通办法就无法运行，这不是问题)和 JS。问题是，当网站在 iPad 上加载时，它会闪烁，我以为是 CSS 构成了索引页上的动画，但无论我打开哪个页面，它仍然闪烁。我不知道原因是什么。网址是www.ace-of-he-arts.com .如果您之前看过此内容，我们将不胜感激。

Answer 1

您可以通过 navigator.platform 检查 IOS 或任何其他设备，例如 android .你可以在这里阅读更多 -
https://www.w3schools.com/jsref/prop_nav_platform.asp
目前(2019 年)iPadPro 与其他平台的区别在于 iPadPro 支持触控。因此您可以使用它进行说明。
以下是一些您可以使用的有用方法。

function isIOS() {
  var pl=navigator.platform.toString().toLowerCase();
  if (pl.includes("IPad") || pl.includes("IPhone") || pl.includes("IPod")){
    return true;
  } else {
    return navigator.maxTouchPoints &&
      navigator.maxTouchPoints > 2 &&
      /MacIntel/.test(navigator.platform);
  }
}

function isIpadOS() {
  return navigator.maxTouchPoints &&
    navigator.maxTouchPoints > 2 &&
    /MacIntel/.test(navigator.platform);