資訊專欄INFORMATION COLUMN
摘要：在開發(fā)項目中經(jīng)常需要確定當前設備是什么，下面是小編的一下方法，供大家參考移動終端瀏覽器版本信息內(nèi)核內(nèi)核蘋果谷歌內(nèi)核火狐內(nèi)核是否為移動終端終端終端或瀏覽器是否為或者瀏覽器是否是否應該程序，沒有頭部與底部判斷是否是移動設備打
在開發(fā)項目中經(jīng)常需要確定當前設備是什么，下面是小編的一下方法，供大家參考：
share1 () {
let browser = {
versions: (function () {
let u = navigator.userAgent
return {
// 移動終端瀏覽器版本信息
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.*/), // 是否為移動終端
ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), // os終端
android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, // android終端或uc瀏覽器
iPhone: u.indexOf("iPhone") > -1, // 是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf("iPad") > -1, // 是否iPad
webApp: u.indexOf("Safari") === -1 // 是否web應該程序，沒有頭部與底部
}
})(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.mobile) { // 判斷是否是移動設備打開
let ua = navigator.userAgent.toLowerCase()// 獲取判斷用的對象
if (ua.match(/MicroMessenger/i) === "micromessenger") {
// 在微信中打開
}
if (ua.match(/WeiBo/i) === "weibo") {
// 在新浪微博客戶端打開
}
if (ua.match(/QQ/i) === "qq") {
// 在QQ空間打開
}
if (browser.versions.ios) {
// 是否在IOS瀏覽器打開
}
if (browser.versions.android) {
// 是否在安卓瀏覽器打開
}
this.show = !this.show
} else {
// 否則就是PC瀏覽器打開
}
},
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98711.html
摘要：頁面開發(fā)由小組長創(chuàng)建前端目錄，包含頁面開發(fā)目錄如及提取剝離目錄如。提交驗收當有階段性產(chǎn)出后，小組長上報主管，安排經(jīng)驗豐富的前端工程師進行代碼驗收。 開發(fā)前準備 了解產(chǎn)品和設計 參加需求、交互、視覺會議，了解產(chǎn)品設計和項目成員。 了解產(chǎn)品面向的設備和平臺。 了解產(chǎn)品對兼容性的要求以及是否采用響應式設計等。 提出疑問和見解 按需求結(jié)合現(xiàn)有技術(shù)，提出疑問和見解。 提出可能存在的問題（技...
摘要：頁面開發(fā)由小組長創(chuàng)建前端目錄，包含頁面開發(fā)目錄如及提取剝離目錄如。提交驗收當有階段性產(chǎn)出后，小組長上報主管，安排經(jīng)驗豐富的前端工程師進行代碼驗收。 開發(fā)前準備 了解產(chǎn)品和設計 參加需求、交互、視覺會議，了解產(chǎn)品設計和項目成員。 了解產(chǎn)品面向的設備和平臺。 了解產(chǎn)品對兼容性的要求以及是否采用響應式設計等。 提出疑問和見解 按需求結(jié)合現(xiàn)有技術(shù)，提出疑問和見解。 提出可能存在的問題（技...
摘要：基本消息對象的設計消息對象的設計主要由兩部分組成特定數(shù)據(jù)幀對應的特定消息對象。該類包含上節(jié)數(shù)據(jù)幀主幀及子幀的所有公共信息，僅僅未包含子幀中的數(shù)據(jù)體信息，該需求由基本消息對象的子類實現(xiàn)。 開發(fā)工程中，有一個常見的需求：服務端程序和多個客戶端程序通過 TCP 協(xié)議進行通信，通信雙方需通信的消息種類眾多，并且客戶端的數(shù)量可能有數(shù)萬個。為此，雙方需要約定盡可能豐富、靈活的數(shù)據(jù)幀「數(shù)據(jù)包」協(xié)議，...
閱讀 3527·2023-04-25 17:35
閱讀 2603·2021-11-24 09:39
閱讀 2540·2021-10-18 13:32
閱讀 3428·2021-10-11 10:58
閱讀 1644·2021-09-26 09:55
閱讀 6182·2021-09-22 15:47
閱讀 974·2021-08-26 14:15
閱讀 3478·2019-08-30 15:55
