一、前言

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

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

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

二、JS代碼

function IsPC(){

    //獲取瀏覽器navigator對象的userAgent屬性（瀏覽器用于HTTP請求的用戶代理頭的值）

    var info = navigator.userAgent;

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

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

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

    return isPhone

}

查看原文