有没有办法检测我正在开发的网站中的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);