一、前言
有時在編寫前端頁面視圖時，需要根據(jù)用戶不同的訪問設(shè)備（手機或電腦）對頁面設(shè)置不同顯示樣式或跳轉(zhuǎn)到不同的頁面。可以使用JS代碼獲取Navigator對象的userAgent屬性，通過對該屬性值的分析就可以知道當(dāng)前訪問的設(shè)備是電腦還是手機。
一些常用設(shè)備訪問時返回的userAgent屬性如下：文章來源：http://www.zghlxwxcb.cn/news/detail-719000.html
| 訪問設(shè)備 | 返回userAgent屬性值 |
|---|---|
| Win10電腦 | Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36 Edg/91.0.864.37 |
| iphone手機 | Mozilla/5.0 (iPhone; CPU iPhone OS 14_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Mobile/15E148 Safari/604.1 |
| 安卓手機 | ?? ?Mozilla/5.0 (Linux; Android 9; PAR-AL00; HMSCore 5.3.0.312; GMSCore 19.6.29) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.93 HuaweiBrowser/11.1.1.300 Mobile Safari/537.36 |
| ipad平板 | Mozilla/5.0 (iPad; CPU OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13G36 Safari/601.1 |
我們發(fā)現(xiàn)手機或平板的userAgent屬性值里都有“Mobile”字符串，通過判斷userAgent屬性值是否包含“Mobile”就可以確定訪問設(shè)備是電腦還是手機。文章來源地址http://www.zghlxwxcb.cn/news/detail-719000.html
二、JS代碼
function IsPC(){
//獲取瀏覽器navigator對象的userAgent屬性（瀏覽器用于HTTP請求的用戶代理頭的值）
var info = navigator.userAgent;
//通過正則表達式的test方法判斷是否包含“Mobile”字符串
var isPhone = /mobile/i.test(info);
//如果包含“Mobile”（是手機設(shè)備）則返回true
return isPhone
}到了這里，關(guān)于使用JS判斷訪問設(shè)備是電腦還是手機的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
