一、前言

有時(shí)在編寫前端頁(yè)面視圖時(shí)，需要根據(jù)用戶不同的訪問設(shè)備（手機(jī)或電腦）對(duì)頁(yè)面設(shè)置不同顯示樣式或跳轉(zhuǎn)到不同的頁(yè)面?？梢允褂肑S代碼獲取Navigator對(duì)象的userAgent屬性，通過對(duì)該屬性值的分析就可以知道當(dāng)前訪問的設(shè)備是電腦還是手機(jī)。

一些常用設(shè)備訪問時(shí)返回的userAgent屬性如下：

我們發(fā)現(xiàn)手機(jī)或平板的userAgent屬性值里都有“Mobile”字符串，通過判斷userAgent屬性值是否包含“Mobile”就可以確定訪問設(shè)備是電腦還是手機(jī)。

二、JS代碼

function IsPC(){

    //獲取瀏覽器navigator對(duì)象的userAgent屬性（瀏覽器用于HTTP請(qǐng)求的用戶代理頭的值）

    var info = navigator.userAgent;

    //通過正則表達(dá)式的test方法判斷是否包含“Mobile”字符串

    var isPhone = /mobile/i.test(info);

    //如果包含“Mobile”（是手機(jī)設(shè)備）則返回true

    return isPhone

}

查看原文