如何使用JavaScript來判斷用戶設(shè)備類型

通過JS來實現(xiàn)判斷當(dāng)前用戶所使用的設(shè)備類型。

這里我們主要會使用到 navigator 對象，它是 JavaScript中的一個獨對象，用于提供當(dāng)前用戶所使用的瀏覽器，操作系統(tǒng)等信息。相關(guān)信息數(shù)據(jù)會以 navigator對象屬性的形式展現(xiàn)出來，目前市面上的所有主流瀏覽器都支持該對象的使用。而在 navigator對象中存在一個 userAgent屬性，它會返回用戶的設(shè)備操作系統(tǒng)，以及使用瀏覽器的信息。比較特殊的是，在APP應(yīng)用不支持navigator對象的使用，所以我們可以通過判斷是否存在 navigator對象來確定是不是APP使用環(huán)境。代碼如下所示：

通過設(shè)備信息直接判斷

function filesMobile(){// 市面上的主流使用環(huán)境return /Andriod|iphone|ipad|webOs|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent); }

通過瀏覽器寬度確定

if(window.screen.availWidth < 768){console.log("當(dāng)前環(huán)境為移動端"); }else {console.log("當(dāng)前環(huán)境為PC端"); }

判斷IOS或者Andriod

let userMessage = navigator.userAgent; let isAndroid = userMessage.indexOf('Andriod') > -1 || userMessage.indexOf('Adr') > -1; // 當(dāng)前為Andriod環(huán)境 let isIOS = !!userMessage.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)); // 當(dāng)前為IOS環(huán)境

區(qū)分Andriod，iphone，ipad

let userMessage = navigator.userAgent.toLowerCase(); if(/android|adr/gi.test(userMessage)){// 當(dāng)前為Andriod環(huán)境 }else if (/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(userMessage)){// 當(dāng)前為iphone環(huán)境 }else if(/iPad/gi.test(userMessage)){// 當(dāng)前為iPad環(huán)境 }

由于區(qū)分瀏覽器的代碼過于繁瑣，就放在下次了。
這里是萬物之戀，我們下次再見！

總結(jié)

以上是生活随笔為你收集整理的如何使用JavaScript来判断用户设备类型的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。