博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2011年7月22日

摘要: iPhone上的safari mobile和android自带的浏览器都是基于webkit内核的。这两天想到网站需要一个针对智能手机分辨率的版本,于是开始研究相关的资料。前面两篇文章写到了如何通过userAgent来判断设备类型和浏览器内核,通过这些足够判断出哪些是iphone或者android浏览器了,但是即便同种设备浏览器也存在分辨率不同的问题,这个该如何处理呢?首先想到的就是用js检测(screen.width*screen.height),事实证明有问题:1、iphone4上的safari mobile结果竟然是320*480!要是前3代也就正常了,可iphone4明明是640*960 阅读全文

posted @ 2011-07-22 17:09 随它去吧 阅读(2724) 评论(0) 推荐(0) 编辑

摘要: 前文《Web开发兼容性系列文章(一):不同设备浏览器的userAgent值大全》罗列了常用电脑浏览器及智能手机浏览器的userAgent值这里对浏览器各自的userAgent特点做一分析,并给出判断方法:Windows操作系统浏览器系列:IE浏览器系列:特征表现:均以 "mozilla/" 开头,"msie x.0;" 中的x表示其版本;判断方法:粗略判断可以只检索"msie x.0;" 字符串即可,严格判断可检索 "mozilla/x.0 (compatibal; msie x.0; windows nt",不过 阅读全文

posted @ 2011-07-22 15:42 随它去吧 阅读(13492) 评论(1) 推荐(5) 编辑

摘要: 最近在使用jQuery进行网站产品开发,涉及到浏览器兼容性问题比较多,于是决定集中整理一下:这里使用了js的alert(navigator.userAgent.toLowerCase());方式获取浏览器的userAgent信息:为了直观起见,直接把截图放上来吧:IE6IE7IE8IE9FirefoxChromeOperaSafariAndroid自带浏览器Android版Opera MobileAndroid版FirefoxiPhone自带SafariiPhone版Opera Mobile暂时就只罗列了Windows、Android、iPhone平台上面的这么多,Linux、Mac OS、W 阅读全文

posted @ 2011-07-22 12:37 随它去吧 阅读(6344) 评论(11) 推荐(4) 编辑