JS獲取手機型號

一、獲取手機型號的背景

在進行移動端開發或者移動端適配時，獲取手機型號信息是非常重要的。因為不同的手機型號具有不同的屏幕分辨率和設備適配問題。

目前，在市場上有各類Android手機、蘋果iPhone手機等不同品牌的手機型號。JS獲取手機型號需要考慮到不同品牌和型號的兼容性問題。

二、通過UA字符串獲取手機型號

每個手機不同的型號都有其特定的UA(User Agent)字符串，我們可以通過獲取UA字符串來識別不同的手機型號。

下面是一個獲取手機UA字符串的例子：

    var ua = navigator.userAgent.toLowerCase();
    console.log(ua);

打印出的UA字符串類似於如下格式：

    mozilla/5.0 (iphone; cpu iphone os 11_0 like mac os x) applewebkit/604.1.38 (khtml, like gecko) version/11.0 mobile/15a372 safari/604.1

我們可以根據不同手機型號的UA字符串進行判斷和識別。

三、通過正則表達式獲取手機型號

在獲取UA字符串後，我們可以使用正則表達式對字符串進行匹配，從而得到具體的手機型號。

下面是獲取蘋果iPhone手機型號的正則表達式：

    var regex = /\b(iPhone|iPod)([^;]+)/;
    var match = regex.exec(ua);
    console.log(match[2]);

使用上述正則表達式，我們可以獲取到iPhone或iPod的型號信息。

對於安卓手機，則可以使用以下正則表達式：

    var regex = /\b(Android)(?:.*version\/([\d.]+))?/;
    var match = regex.exec(ua);
    console.log(match[2]);

使用上述正則表達式，我們可以獲取到安卓手機的系統版本號。

四、通過第三方庫獲取手機型號

除了手動編寫正則表達式外，我們也可以使用第三方庫來獲取手機型號信息。例如，使用Mobile Detect庫可以很方便地識別移動設備的類型。

下面是一個使用Mobile Detect庫獲取iPhone型號的例子：

    var md = new MobileDetect(ua);
    console.log(md.phone());

使用Mobile Detect庫可以獲取到不同品牌和型號的手機信息。

五、小結

在進行移動端開發和適配時，獲取手機型號是非常重要的。我們可以通過獲取UA字符串，並結合正則表達式或第三方庫的使用，來獲取不同品牌和型號的手機信息。在使用第三方庫時，需要根據具體需求進行選擇和使用。