首页 文章资讯 Browsershots,浏览器兼容性在线测试工具

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

发布者 : okay

969

2019-12-25

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 插件

Multi-browser Screenshots

See how this page renders across a selection of common browsers and devices

下载

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功