admin 管理员组文章数量: 887007
最近在使用jQuery进行网站产品开发，涉及到浏览器兼容性问题比较多，于是决定集中整理一下：
这里使用了js的alert(navigator.userAgent.toLowerCase());方式获取浏览器的userAgent信息：
为了直观起见，直接把截图放上来吧：
IE6
IE7
IE8
IE9
Firefox
Chrome
Opera
Safari
Android自带浏览器
Android版Opera Mobile
Android版Firefox
iPhone自带Safari
iPhone版Opera Mobile
暂时就只罗列了Windows、Android、iPhone平台上面的这么多，Linux、Mac OS、Windows Phone、iPad等希望日后补齐吧。
下一篇文章将分析如何根据userAgent判断用户设备、浏览器内核，以及其相关应用。
这里对浏览器各自的userAgent特点做一分析，并给出判断方法：
Windows操作系统浏览器系列：
- IE浏览器系列：
特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本；
判断方法：粗略判断可以只检索"msie x.0;" 字符串即可，严格判断可检索 "mozilla/x.0 (compatibal; msie x.0; windows nt"，不过一般没有这个必要 - Windows版Firefox：
特征表现：以"mozilla/x.0"开头，包含"windows nt","gecko/"和"firefox/" ；
判断方法：粗略判断可以只检索 "firefox/"和"windows nt"字符串，严格判断可以检索"mozilla/" ,"windows nt","gecko/"和"firefox/" 四个字符串； - Windows版Chrome：
特征表现：以"mozilla/x.0"开头，包含"windows nt","chrome/"，同时包含"applewebkit/","safari/"；
判断方法：粗略判断可以只检索"windows nt"和"chrome/"字符串，严格判断可以同时检索 "mozilla/" ,"windows nt","applewebkit/","safari/","chrome/" 五个字符串； - Windows版Opera：
特征表现：以"opera/"开头，含有"windows nt","presto/" 字符串；
判断方法：粗略判断只检索"windows nt"和"opera/"字符串，严格判断同时检索 "opera/","windows nt" 和 "presto/"； - Windows版Safari：
特征表现：以"mozilla/"开头，同时含有"windows nt","applewebkit/","safari/"；
判断方法：粗略判断可以检索含有"windows nt","safari/" 同时不包含 "chrome/"，严格判断需要同时含有"mozilla/","windows nt","applewebkit/","safari/"但是不包含"chrome/"； - 小结：Windows操作系统上的浏览器userAgent均包含"windows nt"字符串来表征windows操作系统。
iPhone平台浏览器系列：
- iPhone自带safari：
特征表现：以"mozilla/"开头，含有"iphone"字符串，同时含有 "mobile/","safari/"字符串；
判断方法：粗略判断只检索 "iphone"和"safari/"字符串，严格判断则要同时包含"mozilla/","iphone","mobile/","safari/"四个字符串 - iPhone版Opera Mobile：
特征表现：以"opera/"开头，含有"iphone"字符串，同时含有 "opera mini/","presto/"字符串；
判断方法：粗略判断只检索"iphone"和"opera/"字符串，严格判断则要同时包含 "opera/","iphone","opera mini/","presto/"四个字符串 - 小结：iPhone手机上的浏览器userAgent均包含"iphone"字符串
Android平台浏览器系列：
- Android自带浏览器（有人说其实是就chrome，但google自己未做表示，且还在开发一个Android上运行的Chrome to Phone）：
特征表现：以"mozilla/"开头，含有"android"和"linux" 字符串，同时含有 "applewebkit/","mobile safari/"字符串；
判断方法：因为还不知道Android上未来会不会有独立的safari（估计不会了），所以建议直接严格判断，检索"mozilla/","android","linux","applewebkit/","mobile safari/"五个字符串 - Android版Opera Mobile：
特征表现：以"opera/"开头，含有"android"和"linux" 字符串，同时含有 "opera mobi/","presto/"字符串；
判断方法：粗略判断只检索"android"和"opera/"，严格判断则要同时包含"opera/","android","linux","opera mobi/","presto/"五个字符串 - Android版Firefox：
特征表现：以"mozilla/"开头，含有"android"和"linux" 字符串，同时含有 "firefox/","gecko/","fennec/"字符串；
判断方法：粗略判断只检索"android"和"firefox/"，严格判断则要同时包含"mozilla/","android","linux","firefox/","gecko/","fennec/"六个字符串 - 小结：Android平台上的浏览器userAgent均包含"android"和"linux"字符串
1、如果需要判断操作系统，方法比较简单，在userAgent里面检索以下字符串：
- 含有"windows nt"：显而易见了，windows操作系统，nt后面的版本号可以判断OS版本；
- 含有"mac"：苹果的Mac OS X或者其他Mac OS内核的系统；
- 含有"iphone"：苹果iphone手机专有的，一般情况下也应该含有"mac"；
- 含有"ipad"：苹果iPad平板电脑（资料表明iPad的浏览器userAgent同时含有"mac","iphone","ipad"）；
- 含有"linux"：Linux操作系统或者其他以linux作为内核的操作系统；
- 含有"android"：谷歌的Android操作系统，有可能是智能手机，也有可能是安卓版的平板电脑哦，一般情况下android平台上的userAgent也应该包含"linux"；
- 含有"unix","sunos","bsd"三者之一：Unix系统，其实对这个系统的用户体验问题，目前几乎可以不用考虑了；
- 含有"ubuntu"：ubuntu定制版的linux
- ……
2、判断浏览器的内核，方法也不困难，我自己琢磨出来的，不一定都对啊：
- IE（Trident）内核（IE for Mac, IEs4Linux之类的就不用说了，只考虑windows下的）：以"mozilla/"开头，含有"windows nt"和"msie"字符串；
- Firefox（Gecko）内核：以"mozilla/"开头，含有"firefox/"和"gecko/"字符串的就是啦，其中Android版的还带有"fennec/"字符串；
- Opera（）内核：以"opera/"开头，含有"presto/"字符串，其中iphone版还带有"opera mini/"，Android版也带有"opera mobi/"；
- Webkit内核：以"mozilla/"开头，含有"applewebkit/"和"safari/"字符串，其中带有"chrome/"的就是Chrome浏览器，不带的就是Safari或其他；
- 以上就是主要的浏览器内核了
3、判断浏览器useAgent的实际应用举例：
- 不同浏览器内核对页面的渲染效果不同，虽然已经有jQuery和Extjs等为我们做了兼容处理，但是依然会有一些细小的差别需要我们单独处理，此时需要判断浏览器内核；
- 用户并不仅仅是通过电脑访问网站的，随着智能手机的日益普及还有平板电脑的大行其道，使用这两者来上网的比例越来越高，怎么办？平板电脑还好，屏幕大分辨率高，智能手机受限于他的屏幕尺寸和分辨率，虽有强劲的处理能力，也可以完美支持现有的网站，但是为客户多考虑一点总没有坏处你说对吧？毕竟通过局部缩放拖拽的方式看网页很不舒服，这时呢，我们就可以专门为iphone、android这样的窄条屏幕提供一个专用版本来布局了，一来提升浏览体验，二来降低网络流量，加快访问速度；
- 做访客流量分析，通过判断客户浏览器类型并记录其数量，来优化设计自己的网站，以分别提升其客户体验
版权声明：本文标题：不同设备以及浏览器的userAgent值大全 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1729174148h1327054.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论