js獲取iOS版本及iPhone X等異形屏機型判斷

1. 獲取iOS版本

/**
 * 獲取iOS版本
 * @return {[number, number, number]|*[]} 返回對應如 13.2.1 => [13,2,1] 的數組,索引0-2依次排列
 */
getIosVersion: () => {
  if (/iP(hone|od|ad)/.test(navigator.userAgent)) {
    const v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
    return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
  }
  return [];
}

 

2. 判斷iOS異形屏設備

isIosX: /iphone/gi.test(UA) && ((window.screen.height === 812 && window.screen.width === 375)
|| (window.screen.height === 896 && window.screen.width === 414)),

解釋:  375 爲iPhone XR等低分辨率設備, 414爲 iPhone X及XSMAX等高分辨率設備(均爲Retina視網膜分辨率)