javascript - 有没有办法在我正在开发的网站中检测 iPadOS/iPad 设备?
问题描述
我想知道:有没有办法使用 HTML、CSS 或 JS 检测特定设备(iPad)?如果网站是在 iPad 上购买的,我希望能够禁用一些代码。到目前为止,我还不知道我要禁用什么代码,因为我还不知道是什么导致了问题,但我正在通过反复试验进行研究,看看我是否可以通过某些更改让该网站在 iPad 上运行.
问题:我设计了一个网站,该网站有一个使用 CSS 在其上移动的多边形的叠加层。该站点使用 HTML5、Bootstrap 4、Parallax(我知道如果没有变通办法,它不能在 iPad 上运行,这不是问题)和 JS。问题是,当网站在 iPad 上加载时它会闪烁,我认为是 CSS 构成了索引页面上的动画,但无论我打开哪个页面,它仍然会闪烁。我不知道原因是什么。网址是www.ace-of-he-arts.com。如果您在任何帮助之前看到过此内容,我们将不胜感激。
解决方案
您可以通过navigator.platform
. 你可以在这里阅读更多 -
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);
推荐阅读
- python - 安排一个 python 脚本每小时运行一次
- excel - Msgbox 只显示一次
- python-3.x - 装饰器意外更改 Python 中的构造函数行为
- r - 网页抓取:在 R 中的 for 循环中组合表格
- c# - 什么 IEnumerable
> 是什么意思? - apache-camel - 如何在 Camel JMS Route 中设置事务
- mysql - 如何使用 Django、Django Rest Framework 和 mysql 创建参加活动的人员列表
- python - 正则表达式模式字符串上的双引号导致正则表达式搜索失败
- python - 在 Python Scikit-Learn 中训练测试拆分得分高但 CV 得分低
- python - 模拟 - 体素网格