如何用JavaScript准确识别iPhone X系列手机型号？

本文共计753个文字，预计阅读时间需要4分钟。

在页面开头添加以下代码，以检测是否为iPhone X并设置安全距离：

javascript// h5export const isIphoneX=/iPhone X|iPhone 11/.test(navigator.userAgent);

写在前面

如果有更优雅的方式，一定要告诉我！

现状

iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。

现状对于 iPhone X 的判断基本是这样的：

// h5 export const isIphonex = () => /iphone/gi.test(navigator.userAgent) && window.screen && (window.screen.height === 812 && window.screen.width === 375);

这在之前是没问题的，新的 iPhone X Series 设备发布之后，这个就会兼容就有问题。