如何使用JavaScript來判斷用戶設備類型

通過JS來實現判斷當前用戶所使用的設備類型。

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

通過設備信息直接判斷

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

通過瀏覽器寬度確定

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

判斷IOS或者Andriod

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

區分Andriod，iphone，ipad

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。