摘要:一在公共的部分引入一個(gè)文件判斷當(dāng)前的瀏覽器,代碼如下移動(dòng)終端瀏覽器版本信息內(nèi)核內(nèi)核蘋果谷歌內(nèi)核火狐內(nèi)核是否為移動(dòng)終端終端終端或?yàn)g覽器是否為或者瀏覽器是否是否微信新增是否是否應(yīng)該程序,沒有頭部與底部二在需要判斷的
一、在公共的js部分引入一個(gè)js文件判斷當(dāng)前的瀏覽器,代碼如下
let browser = { versions: (function () { let u = navigator.userAgent return { // 移動(dòng)終端瀏覽器版本信息 trident: u.indexOf("Trident") > -1, // IE內(nèi)核 presto: u.indexOf("Presto") > -1, // opera內(nèi)核 webKit: u.indexOf("AppleWebKit") > -1, // 蘋果、谷歌內(nèi)核 gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") === -1, // 火狐內(nèi)核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否為移動(dòng)終端 ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), // ios終端 android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1 || u.indexOf("Adr") > -1, // android終端或uc瀏覽器 iPhone: u.indexOf("iPhone") > -1, // 是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf("iPad") > -1, // 是否iPad webApp: u.indexOf("Safari") === -1, weixin: u.indexOf("MicroMessenger") > -1, // 是否微信 (2015-01-22新增) qq: u.indexOf(" QQ") > -1 // 是否QQ // 是否web應(yīng)該程序,沒有頭部與底部 } }()), language: (navigator.browserLanguage || navigator.language) .toLowerCase() } export default browser
二、在需要判斷的組件里局部引用此文件
import browser from "common/js/judge_device.js"
假設(shè)需要判斷該瀏覽器是否是微信瀏覽器
console.log(browser.versions.weixin) // true就是微信瀏覽器,否則為其他瀏覽器
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/101342.html
語句 JavaScript 語句向?yàn)g覽器發(fā)出的命令 語句的作用是告訴瀏覽器該做什么。 JS就是由一條一條的語句構(gòu)成的 每一條語句使用;結(jié)尾 JS中的語句默認(rèn)是由上至下順序執(zhí)行的 但是我們也可以通過一些流程控制語句來控制語句的執(zhí)行順序 代碼塊 代碼塊是在大括號(hào){}中所寫的語句 將多條語句的集合視為一條語句來使用 一般使用代碼塊將需要一起執(zhí)行的語句進(jìn)行分組 代碼塊結(jié)尾不需要加分號(hào) ...
摘要:入門系列之位置及相對(duì)位置事件坐標(biāo)對(duì)象在寫前端頁面的時(shí)候,我們會(huì)碰到不同瀏覽器下不同邏輯的情況。指明系統(tǒng)是否處于脫機(jī)模式的布爾值。運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)。由客戶機(jī)發(fā)送服務(wù)器的頭部的值。 js入門系列之 位置及相對(duì)位置事件坐標(biāo) Navigator對(duì)象在寫前端頁面的時(shí)候,我們會(huì)碰到不同瀏覽器下不同邏輯的情況。這個(gè)時(shí)候我們就有必要通過js代碼來確認(rèn)當(dāng)前瀏覽器的種類以及版本,這個(gè)時(shí)候我們...
摘要:中常常會(huì)看到這種代碼變量與的比較這種用法很有問題用來判斷變量是否被賦予了一個(gè)合理的值比如不好的寫法執(zhí)行一些邏輯這段代碼中方法顯然是希望是一個(gè)數(shù)組因?yàn)槲覀兛吹降膿碛泻瓦@段代碼的意圖非常明顯如果參數(shù)不是一個(gè)數(shù)組則停止接下來的操作這種寫法的問題在 js中, 常常會(huì)看到這種代碼: 變量與null的比較(這種用法很有問題), 用來判斷變量是否被賦予了一個(gè)合理的值. 比如: const Contr...
摘要:反饋檢測到的每個(gè)人的置信度值以及檢測到的每個(gè)姿勢(shì)關(guān)鍵點(diǎn)。姿勢(shì)置信度這決定了姿勢(shì)判斷的整體置信度。在較高級(jí)別,這將控制回饋的姿勢(shì)較低置信度分?jǐn)?shù)。只有在調(diào)整姿勢(shì)置信度得分不夠好的情況下,為了過濾掉不太準(zhǔn)確的姿勢(shì),該數(shù)值應(yīng)該增加或減少。 文 / Dan Oved,Google Creative Lab 的自由創(chuàng)意技術(shù)專家,紐約大學(xué) ITP 的研究生。編輯和插圖 / 創(chuàng)意技術(shù)專家 Irene Alv...
閱讀 3968·2021-11-22 13:53
閱讀 1700·2021-08-25 09:39
閱讀 2422·2019-08-29 18:36
閱讀 1485·2019-08-26 13:35
閱讀 1226·2019-08-26 11:57
閱讀 1692·2019-08-23 15:57
閱讀 812·2019-08-23 14:55
閱讀 1174·2019-08-23 14:51