一、基础知识篇：

　　Http Header之User-Agent

　　User Agent中文名为用户代理，是Http协议中的一部分，属于头域的组成部分，User Agent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标 识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电脑访问是不一样的，这些是谷歌根据访问者的 UA来判断的。UA可以进行伪装。

　　浏览器的UA字串的标准格式：浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识版本信息。但各个浏览器有所不同。

　　字串说明：

　　1、浏览器标识

　　出于兼容及推广等目的，很多浏览器的标识相同，因此浏览器标识并不能说明浏览器的真实版本，真实版本信息在 UA 字串尾部可以找到。

　　2、操作系统标识

3、加密等级标识

　　N: 表示无安全加密

　　I: 表示弱安全加密

　　U: 表示强安全加密

　　4、浏览器语言

　　在首选项 > 常规 > 语言中指定的语言

　　5、渲染引擎

　　显示浏览器使用的主流渲染引擎有：Gecko、WebKit、KHTML、Presto、Trident、Tasman等，格式为：渲染引擎/版本信息

　　6、版本信息

　　显示浏览器的真实版本信息，格式为：浏览器/版本信息

　　注：

　　1、在广告定向设定中，浏览器定向和操作系统定向均是针对User-Agent中的信息进行定向。

　　2、欲了解更多的User-Agent信息，请参考User-agent 字串史

　　浏览器User-Agent的详细信息

　　PC端：

　　safari 5.1 – MAC

　　User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50

　　safari 5.1 – windows

　　User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50

　　IE 9.0

　　User-Agent:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0;

　　IE 8.0

　　User-Agent:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)

　　IE 7.0

　　User-Agent:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)

　　IE 6.0

　　User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

　　Firefox 4.0.1 – MAC

　　User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0.1) Gecko/20100101 Firefox/4.0.1

　　Firefox 4.0.1 – Windows

　　User-Agent:Mozilla/5.0 (Windows NT 6.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1

　　Opera 11.11 – MAC

　　User-Agent:Opera/9.80 (Macintosh; Intel Mac OS X 10.6.8; U; en) Presto/2.8.131 Version/11.11

　　Opera 11.11 – Windows

　　User-Agent:Opera/9.80 (Windows NT 6.1; U; en) Presto/2.8.131 Version/11.11

　　Chrome 17.0 – MAC

　　User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_0) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11

　　傲游（Maxthon）

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon 2.0)

　　腾讯TT

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; TencentTraveler 4.0)

　　世界之窗（The World） 2.x

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

　　世界之窗（The World） 3.x

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; The World)

　　搜狗浏览器 1.x

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; SE 2.X MetaSr 1.0; SE 2.X MetaSr 1.0; .NET CLR 2.0.50727; SE 2.X MetaSr 1.0)

　　360浏览器

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; 360SE)

　　Avant

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Avant Browser)

　　Green Browser

　　User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

　　移动设备端：

　　safari iOS 4.33 – iPhone

　　User-Agent:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTMLwww.tvlfood.com, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

　　safari iOS 4.33 – iPod Touch

　　User-Agent:Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

　　safari iOS 4.33 – iPad

　　User-Agent:Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

　　Android N1

　　User-Agent: Mozilla/5.0 (linux; U; Android 2.3.7; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/www.erge300.com4.0 Mobile Safari/533.1

　　Android QQ浏览器 For android

　　User-Agent: MQQBrowser/26 Mozilla/5.0 (Linux; U; Android 2.3.7; zh-cn; MB200 Build/GRJ22; CyanogenMod-7) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

　　Android Opera Mobile

　　User-Agent: Opera/9.80 (Android 2.3.4; Linux; Opera Mobi/build-1107180945; U; en-GB) Presto/2.8.149 Version/11.10

　　Android Pad Moto Xoom

　　User-Agent: 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

　　BlackBerry

　　User-Agent: Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en) AppleWebKit/534.1+ (KHTML, like Gecko) Version/6.0.0.337 Mobile Safari/534.1+

　　WebOS HP Touchpad

　　User-Agent: Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.70 Safari/534.6 TouchPad/1.0

　　Nokia N97

　　User-Agent: Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124

　　Windows Phone Mango

　　User-Agent: Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; HTC; Titan)

　　UC无

　　User-Agent: UCWEB7.0.2.37/28/999

　　UC标准

　　User-Agent: NOKIA5700/ UCWEB7.0.2.37/28/999

　　UCOpenwave

　　User-Agent: Openwave/ UCWEB7.0.2.37/28/999

　　UC Opera

　　User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; ) Opera/UCWEB7.0.2.37/28/999

　　二、浏览器识别

　　1、IE浏览器（以IE 9.0 为例）

　　PC端：User-Agent:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0;

　　移动设备：User-Agent: Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; HTC; Titan)

　　由于遨游、世界之窗、360浏览器、腾讯浏览器以及搜狗浏览器、Avant、Green Browser均采用IE的内核，因此IE浏览器判断的标准是”MSIE“字段，MSIE字段后面的数字为版本号，但同时还需要判断不包 含”Maxthon“、”The world“、”360SE“、”TencentTraveler“、”SE“、”Avant“等字段（Green Browser没有明显标识）。移动设备还需要判断IEMobile+版本号。

　　2、360浏览器

　　PC端：User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; 360SE)

　　移动设备：暂无

　　360浏览器的判断标准是”360SE”字段，没有版本表示。

　　3、搜狗浏览器

　　PC端：User-Agent:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; SE 2.X MetaSr 1.0; SE 2.X MetaSr 1.0; .NET CLR 2.0.50727; SE 2.X MetaSr 1.0)

　　移动设备：暂无

　　搜狗浏览器的判断标准是”SE“、”MetaSr“字段，版本号为SE后面的数字。

　　4、Chrome

　　PC端：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_0) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11

　　移动设备：User-Agent: Mozilla/5.0 (Linux; U; Android 2.2.1; zh-cn; HTC_Wildfire_A3333 Build/FRG83D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

　　PC端chrome浏览器的判断标准是chrome字段，chrome后面的数字为版本号；移动端的chrome浏览器判断”android“、”linux“、”mobile safari“等字段，version后面的数字为版本号。

　　5、Safari

　　PC端：User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50

　　移动设备：User-Agent:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

　　由于Chrome及Nokia’s Series 60 browser也使用WebKit内核，因此Safari浏览器的判断必须是：包含safari字段，同时不包含chrome等信息，确定 后”version/“后面的数字即为版本号。在以上条件下包含Mobile字段的即为移动设备上的Safari浏览器。

　　6、腾讯浏览器

　　PC端：User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; TencentTraveler 4.0; .NET CLR 2.0.50727)

　　移动设备：User-Agent: MQQBrowser/26 Mozilla/5.0 (Linux; U; Android 2.3.7; zh-cn; MB200 Build/GRJ22; CyanogenMod-7) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

　　腾讯浏览器的判断标准是”TencentTraveler“或者”QQBrowser“，TencentTraveler或QQBrowser后面的数字为版本号。

　　7、Firefox

　　PC端：User-Agent:Mozilla/5.0 (Windows NT 6.1; rv:2.0.1) Gecko/www.zuiuren.com  Firefox/4.0.1

　　移动设备：User-Agent: Mozilla/5.0 (Androdi; Linux armv7l; rv:5.0) Gecko/ Firefox/5.0 fennec/5.0

　　Firefox的判断标准是Firefox字段，firefox后面的数字为版本号。

　　8、The world

　　PC端：User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; The World)

　　移动设备：暂无

　　Theworld浏览器的判断标准是”The world“字段，没有标示版本号。

　　需要注意的是：The world 2.x版本的User-Agent中没有”The world“的字段。

　　9、遨游

　　PC端：User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon 2.0)

　　移动设备：暂无 旅游去哪好

　　遨游浏览器的判断标准是”Maxthon“，Maxthon后面的数字为版本号。

　　10、Opera

　　PC端：User-Agent:Opera/9.80 (Windows NT 6.1; U; en) Presto/2.8.131 Version/11.11

　　移动设备：User-Agent: Opera/9.80 (Android 2.3.4; Linux; Opera mobi/adr-1107051709; U; zh-cn) Presto/2.8.149 Version/11.10

　　opera浏览器的判断标准是opera字段，opera字段后面的数字为版本号。

　　11、UC浏览器

　　UC Web有多种模式浏览方式，对应的User-Agent为：

　　UC无

　　User-Agent: UCWEB7.0.2.37/28/999

　　UC标准

　　User-Agent: NOKIA5700/ UCWEB7.0.2.37/28/999

　　UCOpenwave

　　User-Agent: Openwave/ UCWEB7.0.2.37/28/999

　　UC Opera

　　User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; ) Opera/UCWEB7.0.2.37/28/999

　　UC浏览器的判断标准是”UCWEB“字段，UCWEB后面的数字为版本号。

　　操作系统定向

　　操作系统定向依赖于各个浏览器在打开页面时所传输的http header信息中的User-Agent，关于User-Agent的说明，请参见Http header之User-Agent。

　　User-Agent的详细信息，请参见浏览器User-Agent的详细信息。

　　我们来了解User-Agent中的不同操作系统的识别方法。

　　PC端

移动端

　　解决问题

　　Bootstrap是一个css框架，针对解决的问题有：

　　跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现，如何能够一套前端在所有设备上自由适应？

　　多人合作的前端布局和样式的规范问题

　　常用前端css组件，如按钮、连接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等

　　常用JS前端组件（需要扩展js支持），如表单验证、Tips、Popup等等

　　jQuery Mobile是移动前端框架，包含js、html、css，提供一套完整的移动前端开发组件，可以比喻成Android开发框架，尽可能提供移动APP所具有的所有功能，针对解决的问题有：

　　移动网页APP所常用的组件，例如：手机导航栏、选项卡、底部菜单、列表、表单等各种组件，而这些与Bootstrap提供的组件有很大区别，jQuery Mobile提供的是类似手机APP的组件，只用于移动网页，而Bootstrap提供的是面向所有设备的组件，并没有对移动设备专门考虑，与移动APP的组件体验不一样

　　网页页面之间转换效果

　　异步数据加载

　　功能

　　Bootstrap其核心主要是一个css样式框架，基于css 的Media Query功能实现了响应式布局，能够帮助前端开发人员快速布局、快速开发、合作开发。它必须借助jQuery类似的js框架来实现Ajax数据交互。

　　jQuery Mobile其核心是一个完整的WebAPP框架，加入了一个轻量级的jQuery可以实现Dom操作，在jQuery的基础上提供了一系列类似移动APP的Widget（视图组件），提供了一套不错的页面转场效果，可通过Ajax实现与后端数据交互。

　　适用场景

　　Bootstrap通常用于：展示网站的响应式布局开发，使得网站可以在不同设备上方便浏览；以及网站后台管理系统的前端CSS框架。

　　jQuery Mobile通常用于：期望接近移动APP体验的WebAPP，项目只运行在手机端，不用于电脑设备展示（虽然是可以展示的，但是效果不好）。

　　总结

　　如果做跨设备响应式前端，选择Boostrap；如果仅作移动端，期望得到近似APP的WebAPP，使用jQuery Mobile。

　　如果做一个产品级的WebAPP，当前jQuery Mobile的能力并不能让你满意，自己开发响应式布局框架和WebApp组件是必然要走的路。

　　最近我们手机端网站想改版，打算用bootstrap做移动端开发的，但经过网上很多人的反馈来看boostrap比较大，他应该说是pc与移动一体自适应的情况下用，如果单纯的做移动站没必要，用这么臃肿的东西。

本文出自 “最美袁大妈” 博客，转载请与作者联系！

总结一下时下流行的浏览器User-Agent大全