什么是User Agent？懂一點(diǎn)網(wǎng)頁(yè)制作的人應該都明白。簡(jiǎn)單的說(shuō)，User Agent就是用來(lái)識別各大瀏覽器名稱(chēng)、版本、引擎以及操作系統等信息的內容。于是乎，User Agent的判斷就成為識別瀏覽器的關(guān)鍵，不僅僅如此，移動(dòng)互聯(lián)網(wǎng)開(kāi)發(fā)勢頭迅猛，那么通過(guò)User Agent判斷桌面端設備或移動(dòng)設備就變的很為重要。當然，通過(guò)User Agent也可以用來(lái)改善一定的兼容性，比如判斷得到用戶(hù)用IE6瀏覽器那么就是用不同的代碼。這些，我想許多的WEB開(kāi)發(fā)中已經(jīng)成為考慮的第一個(gè)問(wèn)題。

那么，有沒(méi)有一種好的判斷User Agent的代碼呢？網(wǎng)上應該有很多，比較簡(jiǎn)單的直接判斷下iOS和Android，然后進(jìn)入不一樣的頁(yè)面。比如百度地圖就是如此，桌面設備訪(fǎng)問(wèn)http://map.baidu.com/地址，而移動(dòng)設備就訪(fǎng)問(wèn)http://map.baidu.com/mobile/地址，你用桌面設備訪(fǎng)問(wèn)移動(dòng)網(wǎng)址則還會(huì )自動(dòng)跳回到桌面地址。這就是通過(guò)判斷User Agent做到的效果。

我沒(méi)有去細究百度地圖是如何判斷桌面設備和移動(dòng)設備的，但我想要找到一個(gè)比較全面的User Agent判斷代碼。不知道大家是否知道有一個(gè)叫html5test的網(wǎng)站，其中要作用就是判斷你的瀏覽器對HTML5的支持程度，但同時(shí)，他還提供了瀏覽器和設備信息。我在桌面端通過(guò)Firefox、Chrome、IE、Safari等測試都很正確，在移動(dòng)設備端，Apple iPod下測試了Safari、Opera mini和UC，除了UC無(wú)法識別外其他都OK，另外在Nokia E63下也做了測試，默認瀏覽器OK，UC無(wú)法識別。

既然HTML5TEST已經(jīng)做的如此全面，連瀏覽器、引擎、設備類(lèi)型和設備名稱(chēng)等都一應俱全，那就說(shuō)明在User Agent上的判斷應該是做的非常不錯的，至少，是我現今看到的最好的了。然后又看到HTML5TEST本身是開(kāi)源的，那就下載下來(lái)分析一下吧?？催^(guò)后，沒(méi)有想到，HTML5TEST竟然封裝的那么好，一個(gè)JS包含了基本上全部的User Agent判斷，這個(gè)js文件，可以直接瀏覽這里。

我把這個(gè)JS單獨拿出來(lái)，再加上幾句html，做了個(gè)瀏覽器測試的頁(yè)面，大家可以通過(guò)訪(fǎng)問(wèn)這個(gè)頁(yè)面來(lái)查看自己的瀏覽器信息、設備信息等，效果請見(jiàn)下圖。

我想，通過(guò)這一個(gè)js，得到了瀏覽器信息、設備類(lèi)型和設備名稱(chēng)，接下來(lái)怎么做就看你自己的了，不過(guò)也有一個(gè)小小的擔心：一個(gè)大于50K的js文件，對頁(yè)面的加載似乎是有點(diǎn)壓力的。

順便說(shuō)一下，發(fā)現IE對HTML5的DOCTYPE標簽支持不是很好，有測試不通過(guò)的現象。萬(wàn)惡的IE確實(shí)挺讓人惱火的。

 

最后推薦一個(gè)FireFox的組件吧，我想許多人都用過(guò)，就是User Agent Switcher，作用呢就是在FF下偽裝成其他瀏覽器，比如iPhone的瀏覽器，這樣就可以直接在FF下瀏覽移動(dòng)網(wǎng)頁(yè)進(jìn)行代碼分析了。

---