曾自己借助阿里云和hexo搭了個(gè)站點(diǎn),現(xiàn)已廢棄,過往寫的博客暫挪到此處痊土。
title: 關(guān)于UserAgent解析的一點(diǎn)事
date: 2016-12-09 13:02:56
tags:
- 技術(shù)
- Javascript
- 瀏覽器
- TODO
1. ? 可以解析什么數(shù)據(jù)?
browser
engine
os
device
cpu
2. ?想全面解析,可能么已球?
幾乎不可能。
尤其是設(shè)備,全球設(shè)備太多智亮,除了手機(jī)杈女,平板眾多,甚至包括智能電視爱榕,可穿戴設(shè)備臊诊,等等。就算有全球所有設(shè)備的useragent的庫馍忽,需要?dú)w納總結(jié)棒坏,也不是十天半個(gè)月可以解析完的。
有一個(gè)針對(duì)browser的庫遭笋,可能不全 https://www.whatismybrowser.com/developers/tools/user-agent-parser/browse
3. ?網(wǎng)上的輪子
https://github.com/faisalman/ua-parser-js/blob/master/src/ua-parser.js
和百度前端團(tuán)隊(duì)的
https://github.com/fex-team/userAgent/blob/master/node_modules/useragent_base.js
https://github.com/fex-team/userAgent/blob/master/node_modules/useragent.js
對(duì)比
百度前端團(tuán)隊(duì)的
- 1)百度有大量的if else語句坝冕,完全不想看
問題:將if else語句用一張map(一個(gè)對(duì)象)代替,更易閱讀瓦呼,但是多了很多遍歷喂窟,有無必要? - 2)百度是針對(duì)每個(gè)不同的類型央串,比如device磨澡,是針對(duì)每個(gè)設(shè)備,都指定了對(duì)應(yīng)的正則质和。然后在這一張map里稳摄,以此去尋找∷撬蓿或者是通過if else語句去尋找厦酬。
而 faisalman的代碼是通過將正則分類,去匹配瘫想,然后簡(jiǎn)單的處理匹配后的結(jié)果仗阅,或者不必處理,即可得到最后我們想要的信息国夜。兩個(gè)問題
- 1)某些情況下依然不得不通過窮舉的方式得到信息减噪,比如獲取device。他沒有這樣的大量代碼车吹,是因?yàn)樗緵]有去得到這樣詳盡的信息筹裕。
- 2)正則分類,那么前期需要對(duì)userAgent有大量的分析窄驹,才能分類饶碘。一個(gè)巨大的正則數(shù)組,同上面我提到的map是類似的馒吴,一個(gè)正則是對(duì)象中的一項(xiàng)扎运。userAgent應(yīng)該來說不會(huì)修改瑟曲,同一設(shè)備,同一操作系統(tǒng)豪治,同一瀏覽器洞拨,所對(duì)應(yīng)的userAgent應(yīng)該不會(huì)變,userAgent只會(huì)增加负拟,新的設(shè)備烦衣,新的瀏覽器,所以有新的類型的userAgent掩浙。所以花吟,這樣的map似乎足夠,不必?fù)?dān)心后期維護(hù)修改的問題厨姚。
- 3)現(xiàn)在還可以分類衅澈,正則匹配之后簡(jiǎn)單處理就能得到對(duì)應(yīng)的信息,以后還能保持么谬墙?會(huì)不會(huì)還是需要大量的窮舉和遍歷今布。其實(shí)現(xiàn)在已經(jīng)有需要擁有大量數(shù)據(jù)的map了,前文說的device拭抬。
- 4)他的代碼中部默,正則分類 與 這類正則得到的信息和信息處理,分別位于數(shù)組的奇數(shù)和偶數(shù)位置造虎。閱讀上會(huì)別扭傅蹂,因?yàn)槠鏀?shù)和偶數(shù)位置上并不是同一種東西,破壞了我心目中對(duì)數(shù)組的印象算凿,可以用對(duì)象遍歷份蝴。但是用對(duì)象是不是有些麻煩?遍歷數(shù)組比遍歷對(duì)象更方便澎媒,并且數(shù)組之間的對(duì)應(yīng)關(guān)系比較清晰,可以按順序?qū)?yīng)(由于用到了正則的分組波桩,每個(gè)分組對(duì)應(yīng)所想獲取的不同信息戒努,比如name和version),而對(duì)象镐躲,必須指定储玫,所以又多了些對(duì)應(yīng)關(guān)系,雖說可能更清晰萤皂,但實(shí)際更復(fù)雜了撒穷。這樣有無必要?
4.? 問題:為什么這倆輪子不約而同的不檢測(cè)PC端的設(shè)備裆熙,只有移動(dòng)端有設(shè)備端礼?
- 1)沒有必要禽笑,因?yàn)樵赑C端,瀏覽器的安裝由操作系統(tǒng)決定蛤奥,不同設(shè)備的PC佳镜,操作系統(tǒng)也就那些。而在移動(dòng)端凡桥,尤其是安卓蟀伸,不同設(shè)備對(duì)應(yīng)不同公司有不同的操作系統(tǒng)。
- 2)也不可靠缅刽,比如雙系統(tǒng)啊掏。在這種情況下,獲取不到確切的設(shè)備衰猛。
- 3)是不是在PC瀏覽器就沒有權(quán)限獲取設(shè)備迟蜜,或者就不會(huì)去獲取設(shè)備?而在移動(dòng)端都會(huì)去獲取設(shè)備腕侄?否則怎會(huì)有2)的問題小泉。畢竟userAgent是瀏覽器提供的。(疑問冕杠,擱置微姊,不能再深究下去了)