下面是小编精心整理的Browsershots:浏览器兼容性测试网站网页设计,本文共6篇,仅供参考,大家一起来看看吧。
篇1:Browsershots:浏览器兼容性测试网站网页设计
现在的浏览器实在太多了,保守估计目前的浏览器大概加起来有一百种之多!
这么多的浏览器在丰富我们的选择的同时也增加了设计师们的难度,因为他们做出来的web页面总是希望在不同的浏览器环境下都是同一的样子展现出来,也就是我们通常说到的浏览器兼容性处理,
针对目前主流的一些浏览器,可以使用之前推荐的一个网站的服务进行查看,而针对IE浏览器的不同版本的话,则可以使用IE-tester这款不错的工具进行查看。
但是,想要查看更多的浏览器下的web样式,怎么办?
最难的也是最耗时的就是:自己安装这些软件或者环境一个一个测试、或者自己发动一群人使用不同的软件环境进行测试。
那么,是否有比较简单的办法呢?
答案是肯定的。今天给大家推荐一个这样的网站,在这个网站下,我们只需要输入目标网站地址,然后就可以在等待一点时间后查看截图效果了,
这个网站是Browsershots。
Browsershots是什么?
因为在不同浏览器中测试一个新网站可能会花很多时间。不是每个人都有足够的计算机来运行所有操作系统和浏览器。有些网站提供付费的网页截图服务,对于开源项目的支持者,这些费用显得有些太高了。Browsershots通过在不同操作系统下用不同浏览器渲染您的网页,然后获取截图的方法来测试网站的浏览器兼容性。而且她的服务是免费的。
目前Browsershots提供了linnux、windows下的几十种不同种类不同版本的浏览器供用户选择和使用。使用办法比较简单,具体的可以参考这篇文章的说明witmax.cn/browsershots-org.html
Browsershots网站地址browsershots.org
篇2:浏览器标准测试――Acid3测试网页设计
到现在为止,多数主流浏览器都通过了ACID2测试,如:Firefox 3、Opera 9以及Safari 3等,虽然说IE7未能通过,但是据说IE8可以通过测试,
根据solidot的消息,现在又有了新的测试项目ACID3。ACID3的测试集中在ECMAScript,DOM Level 3,Media Queries,和data: URLs。运行100项测试,根据结果返回通过或没有通过。
今年一月,ACID3测试页还未完成,但是其发布了一个预览版。经过测试(满分100分):
- Firefox 2得分:59
- Firefox 3 beta2得分:62
- Opera 9.5得分:56
- Safari 3 windows版得分:59
- IE7得分:24
根据测试结果,只有Firefox 3浏览器中该测试页面显示正常,其他浏览均不能正确显示页面,尤其是IE7根本看不到得分,只有通过复制、粘贴手段才看到其得到了最低24分,
官方说:要通过这个测试,其页面动画应该能平滑运行,正确的页面应该像这样(得到100分也未必就是100%支持所有标准):
篇3:跨平台、多浏览器页面测试网页设计
当产品走到HTML Coding这块,多浏览器的测试是很重要,也很麻烦的一个环节,现在大家主要是保证IE6,7及Firefox的一致。
browsershots提供了Linux、Windows、Mac os、BSD四个平台下的多个浏览器的页面截图,很强大,
不过我主要就看看Windows和Mac os下的效果就好,选择太多浏览器会导致速度非常慢。
完成后的所有截图:
来自:5key.net/blog/index.php//06/19/test-your-web-design-in-different-browsers/
篇4:测试网站速度的几款免费工具网页设计
如果您是网站所有者、网站站长或网页作者,下面这些免费工具可以帮您测试网站速度:
页面速度(Page Speed),一个开源的Firefox/Firebug插件,能评估网页性能并提供改进意见,
测试网站速度的几款免费工具网页设计
,
YSlow,雅虎的一款免费工具,能提供提高网站速度的方式。
网页测试(WebPagetest),以瀑布式图表展示您的网页的加载性能,并提供一个优化清单。
在网站站长工具(Webmaster Tools)中,实验室->网站性能展示出您的网站速度。
code.google.com/speed上还有许多其他工具。
篇5:网站首页关于浏览器和分辨率的埋点结果及分析网页设计
最近在中文站首页埋了几个点,对中文站用户的各方面资料进行了一些分析,得到了一些有用的数据,大家不妨看看,对以后的网页制作也有一定帮助,
首先是浏览器的数据和分析:
浏览器
6月15日206月14日年6月13日2008年6月12日2008年6月11日各浏览器总pvie51892322914033851500ie63716854441293582145853946061982365620ie790251107521119314138488145701601275ie82071862712552291148mozilla3254401754466030619024937opera2803544054184431900safari1732302723043241303所有浏览器总pv2997683从上面的图表中可以看出,使用IE的用户是绝对的主流,占总用户数的99%多,其中,IE5已经濒临淘汰,IE6仍然是目前的主力,占总数的79%,IE7是生力军,占到了总pv的20%,上升空间很大。当然,还有一种可能就是,IE8推广非常顺利,导致很多用户越过IE7,直接使用IE8,不过这个需要时间来验证,
另外火狐的用户数虽然比例不高,但是毕竟每天仍然有几千的pv,所以,如果有时间,这部分用户的用户体验还是需要考虑的。
接下来是屏幕各分辨率对应的pv:
屏幕分辨率2008年6月15日2008年6月14日2008年6月13日2008年6月12日2008年6月11日各分辨率总pv800*600及以下18388220892219430264317231246581024*768左右31414438460034452548801350798720392691280*1024及以上139508160826149452204286215004869076所有分辨率总pv3033003从上图可以比较清晰的看出,使用800*600及以下分辨率的电脑正在逐渐退出历史舞台,仅有4%,1024*768左右分辨率的电脑是目前的主流(包括15寸显示器和部分17寸显示器,还有众多的笔记本电脑),占到了总数的67%,其实除笔记本外,这部分显示器已经逐渐淘汰,但是电脑的更新换代毕竟需要一段时间,所以,在接下来的几年内,这部分用户的数量依然庞大,但是总体会呈明显的下降趋势。最后是采用1280*1024及以上分辨率的用户,这部分用户数量已经比较可观了,占29%,而且,相信未来的几年内,这部分用户数量会有明显的上升。
来自:中文站首页关于浏览器和分辨率的埋点结果及分析
篇6:目前最全的浏览器/CSS选择器兼容性总结(包括Safari 4 beta)网页设计
2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3),不过为了方便大家的工作,下面提供了最新版本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结
注:
绿色 / √ 表示目前支持,
橙色/ Δ 表示浏览器部分支持当前CSS选择器。
红色/ Χ 表示浏览器完全不支持。
点击上图查看清晰大图
点击上图查看清晰大图
英文原文:CSS Browser Support (including Safari 4 Beta)
翻译原文:目前最全的浏览器/CSS选择器兼容性总结(包括Safari 4 beta)
文档为doc格式