有沒有辦法在我正在開發的網站中檢測 iPadOS/iPad 設備？

Question

我想知道的是：有沒有辦法使用 HTML、CSS 或 JS 來檢測特定設備（iPad）？ 如果網站在 iPad 上被收購，我希望能夠禁用一些代碼。 到目前為止，我還不知道要禁用什么代碼，因為我還不知道是什么導致了問題，但我正在通過反復試驗進行研究，看看我是否可以通過某些更改讓該站點在 iPad 上運行.

問題：我設計了一個網站，它有一個使用 CSS 的多邊形在其上移動的疊加層。 該站點使用 HTML5、Bootstrap 4、Parallax（我知道它在 iPad 上不起作用，沒有變通辦法，這不是問題）和 JS。 問題是當網站加載到 iPad 上時它會閃爍，我認為是 CSS 構成了索引頁面上的動畫，但無論我打開哪個頁面，它仍然閃爍。 我不知道原因是什么。 web 地址是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);