瀏覽器端判斷當(dāng)前設(shè)備的運(yùn)行環(huán)境

可判斷環(huán)境：

• android
• iOS
• weixin
• Linux
• windows
• IE
• Mac

直接先上代碼：

let device = function(t) {let userAgent = navigator.userAgent.toLowerCase();let n = function(e) {let t = new RegExp(e + "/([^\\s\\_\\-]+)");return e = (userAgent.match(t) || [])[1],e || !1}let r = {os: function() {if(/windows/.test(userAgent)){return "windows";}else{if(/linux/.test(userAgent)){return "linux";}else{if(/iphone|ipod|ipad|ios/.test(userAgent)){return "ios";}else{if(/mac/.test(userAgent)){return "mac";}}}}return void 0;}(),ie: function() {return !!(window.ActiveXObject || "ActiveXObject" in window) && ((userAgent.match(/msie\s(\d+)/) || [])[1] || "11")}(),weixin: n("micromessenger")};r.android = /android/.test(userAgent);r.ios = "ios" === r.os;return r; }

返回結(jié)果：

有時(shí)你的 App 可能會(huì)對(duì) userAgent 插入一段特定的標(biāo)識(shí)，譬如：

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 myapp/1.8.6 Safari/537.36

你要驗(yàn)證當(dāng)前的 WebView 是否在你的 App 環(huán)境，即可通過上述的myapp（即為 Native 給 Webview 插入的標(biāo)識(shí)，可以隨意定義）來判斷。

var device = device('myapp'); if(device.myapp){alert('在我的App環(huán)境'); }

這里借鑒于layui的device判斷方法，如果使用了layui的框架，可以直接使用layui.device()方法來獲取，如果沒有可以學(xué)習(xí)下賢心大神的寫法。

Tips: layui是賢心大神的作品，大家可以去膜拜一下，https://www.layui.com/

總結(jié)

以上是生活随笔為你收集整理的浏览器端判断当前设备的运行环境的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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