Browsershots背景介绍
网页的浏览器兼容性一直是前端设计师关注的问题,另外作为网站管理者,我们有必要了解自己的网站在各种不同的操作系统不同的浏览器下的兼容性。browsershots.org提供的是多个平台下多种不同版本浏览器对同一个网页的显示效果截图。优点是使用方便,无需安装多个浏览器多个系统;缺点是速度较慢。适合用于单页面兼容性测试。Browsershots提供了多种客户端测试环境测试你的网站浏览效果。现在,不用搭建各种测试环境,就可以测试你的网站在不同操作系统以及不同浏览器下的浏览效果。
Browsershots浏览器兼容性在线测试工具使用方法介绍
1、首先输入需要测试的网址,选择需要测试的不同操作系统的各种浏览器。共有Linux/Windows/Mac OS/freeBSD四种操作系统以及各种浏览器的各个版本,最下方还有详细的测试参数可供选择。我们输入huajiakeji.com网页的URL测试以下,然后选择平台和浏览器版本,点击submit即开始做效果截图,截图进行中的界面如下图:
然后点击Submit,测试开始,进入等待的页面,页面显示测试的浏览器数量和整个队列大概需要的时间。页面告知的等待时间后,刷新页面或点击Reload this page链接,就可以看到最终的测试结果了。测试结果可以下载下来方便查看。
Browsershots浏览器兼容性在线测试工具注意事项
1、使用的时候界面上可以看出所剩时间,如果测试太多可能超过30分钟的话,需要在30分钟内进行续时,不然超时后后续的测试将被停止。刷新页面,来查看已完成的测试结果。2、除了这些,你还可以选择浏览器浏览时使用的屏幕分辨率,色彩深度,是否启用flash等情况。
在尝试使用Browsershots的时候,发现Browsershots的服务用的人还是非常的多的(当然,软件No1在兼容性方面还是非常有信心的,应为网站在各大浏览器下都经过严格的测试),只测试ie6下的兼容情况,第一次只需要等待3分钟,而截图的结果竟然是windows系统内存不够的界面。可想而知这个在线服务有多少人在用,在好的机器也顶不住啊。
所以,如果你想要使用Browsershots,那么第一次最好选择你想要测试的所有浏览器,应为第一次的等待时间比较的短,如果有些截图失败,还可以查看其它的。如果想要多次测试不想要过多等待,那么你可以尝试使用代理来使用Browsershots,不同的ip应该会被认为是其他人。Browsershots在线测试工具官网
查看更多