使用JS判断不同的终端设备
Posted goodluck-tang
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用JS判断不同的终端设备相关的知识,希望对你有一定的参考价值。
const ua: string = window.navigator.userAgent; const isWeixin: boolean = /MicroMessenger/i.test(ua); const isandroid: boolean = /Android/i.test(ua); const isios: boolean = /iP[hone|ad|od] OS/i.test(ua); const isIphone: boolean = /iPhone/i.test(ua); // iphoneX iphoneXS 刘海高度 30px const isIphoneX: boolean = !!(isIphone && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 375 && window.screen.height === 812); // 刘海高度: 44px const isIphoneXSMAX: boolean = !!(isIphone && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 414 && window.screen.height === 896); // 刘海高度 33px const isIphoneXR: boolean = !!(isIphone && window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 414 && window.screen.height === 896); // iPhoneX版本以上的刘海屏 const isIphoneXup: boolean = isIphoneX && isIphoneXSMAX && isIphoneXR; export default { isWeixin, isAndroid, isIOS, isIphone, isIphoneX, isIphoneXSMAX, isIphoneXR, isIphoneXup }
以上是关于使用JS判断不同的终端设备的主要内容,如果未能解决你的问题,请参考以下文章