隨著Android裝置增多,不少網站都開始裝置Android裝置,而Android主流裝置類型以手機和平板為主。網站在適配時通過User Agent(使用者代理程式,以下簡稱UA)又如何區分呢,本文部分內容翻譯自Google官方部落格Mo' better to also detect “mobile” user-agent。
一針見血
標準判斷規則:Mobile Android has “Mobile” string in the User-Agent header. Tablet Android does not.
在Android裝置UA字串中,行動裝置包含Mobile字串,而平板裝置沒有。
旁徵博引
在最初的Android裝置(即手機)中UA字串中包含著android,所以那時候可以使用檢測UA字串中是否包含(不區分大小寫)android來判斷。
但是後來一個新的Android裝置出現了,就是Android平板,不幸的是,Android平板上的UA也包含android,而對於平板上更適合展示案頭(PC)的網頁版式。而如果僅僅以上述的判斷規則,會給平板使用者帶來不是很好的使用者體驗。
鑒於上述問題,Google的Android工程師提出了一個解決方案。對於引導到移動版式的裝置,即手機,需要從UA字串中同時判斷是否包含mobile和android這兩個單詞。我們先看一些樣本。
比如這個UA字串
複製代碼 代碼如下:
Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13
因為這個UA字串中沒有mobile,所以需要把它引導到案頭版式(或者一個為Android大屏裝置定製的版式)。從這個UA字串中我們可以瞭解到,它來自一個大屏設定,即摩托羅拉的XOOM平板。
我們再看另一個UA字串
複製代碼 代碼如下:
Mozilla/5.0 (Linux; U; Android 2.2.1; en-us; Nexus One Build/FRG83) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
包含了mobile和android,所以把這台Nexus One手機導向到移動版式吧。
相信通過上面兩個UA字串對比,你發現了UA的一些共性了吧,我們看看這些共性吧。
最後
所以,當你依據檢測UA來判斷Android手機裝置,請同時檢查android和mobile兩個字串。