Browsershots,浏览器兼容性在线测试工具

Browsershots是一个免费开源的开发者工具,给开发人员提供了多种浏览器的多个版本测试环境来测试网站的浏览效果。

Browsershots是一个免费开源的开发者工具,给开发人员提供了多种浏览器的多个版本测试环境来测试网站的浏览效果。


对于做网页的前端开发和设计人员来说,在各个浏览器中做网站的兼容性测试是一道必须的工序,也是令人最头疼的问题——在同一台电脑上装上这么多版本的浏览器几乎是无法实现的。


现在,不用搭建各种测试环境,就可以测试你的网站在不同操作系统以及不同浏览器下的浏览效果了。


使用方式


1、打开Browsershots在线测试工具


目前Browsershots没有提供谷歌chrome插件,所以大家只有访问其官网进行测试,百度搜索第一条结果就是。




2、输入URL


进入测试网站后,输入需要测试的URL。


这里你可以看到, Browsershots几乎包含了所有浏览器(含各个版本)的在不同操作系统(Windows、Linux、Mac、BSD)中的测试环境,更新速度也很快,比如前不久才发布的谷歌浏览器Chrome79。


除了可以选择测试的浏览器,还可以设置屏幕尺寸(Screen Size)、颜色深度(Color Depth)、JavaScript、Java、flash及语言等。




3、查看结果


输入URL后点击Submit按钮,测试开始,进入等待的页面。


页面会显示测试的浏览器数量和整个队列大概需要的时间,当等待时间结束后,刷新页面或点击Reload this page链接,就可以看到最终的测试结果了。


点详细信息,可以查看具体某个浏览器的等待时间等执行状态。并且,测试结果可生成页面截图下载下来方便查看。




对于开发人员来说,Browsershots使用起来非常方便,准确率也比较高,是一个值得收藏的在线测试工具。


如果你更习惯使用Chrome插件,不妨试试Multi-browser Screenshots这款插件,也可以达到一样的效果。


Multi-browser Screenshots
开发者工具插件2019-11-253.8
See how this page renders across a selection of common browsers and devices
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

Browsershots,浏览器兼容性在线测试工具 - Extfans”

相关标签

上一篇:微软推广Edge遭“翻车”,Firefox、Vivaldi和Brave等浏览器“群嘲”

下一篇:Applaunchpad网站,免费制作手机/电脑样式的广告海报