摘要:在開發項目中經常需要確定當前設備是什么,下面是小編的一下方法,供大家參考移動終端瀏覽器版本信息內核內核蘋果谷歌內核火狐內核是否為移動終端終端終端或瀏覽器是否為或者瀏覽器是否是否應該程序,沒有頭部與底部判斷是否是移動設備打
在開發項目中經常需要確定當前設備是什么,下面是小編的一下方法,供大家參考:
share1 () {
let browser = { versions: (function () { let u = navigator.userAgent return { // 移動終端瀏覽器版本信息 trident: u.indexOf("Trident") > -1, // IE內核 presto: u.indexOf("Presto") > -1, // opera內核 webKit: u.indexOf("AppleWebKit") > -1, // 蘋果、谷歌內核 gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") === -1, // 火狐內核 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瀏覽器打開 } },
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98711.html
摘要:頁面開發由小組長創建前端目錄,包含頁面開發目錄如及提取剝離目錄如。提交驗收當有階段性產出后,小組長上報主管,安排經驗豐富的前端工程師進行代碼驗收。 開發前準備 了解產品和設計 參加需求、交互、視覺會議,了解產品設計和項目成員。 了解產品面向的設備和平臺。 了解產品對兼容性的要求以及是否采用響應式設計等。 提出疑問和見解 按需求結合現有技術,提出疑問和見解。 提出可能存在的問題(技...
摘要:基本消息對象的設計消息對象的設計主要由兩部分組成特定數據幀對應的特定消息對象。該類包含上節數據幀主幀及子幀的所有公共信息,僅僅未包含子幀中的數據體信息,該需求由基本消息對象的子類實現。 開發工程中,有一個常見的需求:服務端程序和多個客戶端程序通過 TCP 協議進行通信,通信雙方需通信的消息種類眾多,并且客戶端的數量可能有數萬個。為此,雙方需要約定盡可能豐富、靈活的數據幀「數據包」協議,...
閱讀 3512·2023-04-25 17:35
閱讀 2587·2021-11-24 09:39
閱讀 2525·2021-10-18 13:32
閱讀 3409·2021-10-11 10:58
閱讀 1630·2021-09-26 09:55
閱讀 6134·2021-09-22 15:47
閱讀 958·2021-08-26 14:15
閱讀 3465·2019-08-30 15:55