美文网首页知识是管出来的大头说时间管理每天写1000字
职场酷软 |跨浏览器网页效果免费自动测试专题

职场酷软 |跨浏览器网页效果免费自动测试专题

作者: mydjohnson | 来源:发表于2015-09-02 14:11 被阅读95次

对于做互联网产品行业,一定会碰到网页兼容性问题。比如小强从事的教育互联网产品,网页的显示效果在Chrome浏览器完美支持,其次是Firefox/Safari,最后是IE浏览器。而且对于教师的电脑来说,浏览器版本也是千差万别。

所以为了弄清楚产品的最佳呈现效果,必须下载一个个的浏览器去进行测试费时费力。但是今天小强和大家分享四款跨浏览器自动测试免费在线网站,就可以帮助你解决上述问题,大大提高测试效率。

(1).

Browsershots

网址:http://browsershots.org/

Browsershots是一款极其易用上手的在线工具,支持不同主流桌面浏览器测试,最重要的是还支持各种浏览器的不同版本。只需要输入需要测试的网页地址(备注: 网页不同页面需要多次输入地址),稍等片刻就可以看到不同浏览器的测试截图。

不过Browsershots只能够看到网页截图结果,所以只能测试网页视觉整体效果,无法真正的“测试”网页导航和表单等效果。不过对于一款免费工具来说,能够测试不同主流浏览器以及各种浏览器版本的视觉效果,已经相当强大啦!

(2).

Viewlike.us

网址:http://www.viewlike.us/

Viewlike.us和Browsershots测试网页视觉页面效果不同,Viewlike测试的是网页响应度。

而且贴心的是提供详细测试数据结果,比如网页易用性/访问速度分数,网站使用插件数和字体是否可读等详细测试结果。

(3).

IE NetRenderer

网址:http://netrenderer.com/

另外一款测试网页外观效果的在线网站,不过专门针对IE浏览器,支持IE 5.5 到IE 11所有版本。

选择其中一个IE浏览器版本后,输入测试网页地址即可反馈外观测试效果。

(4).

Browsera

网址:http://www.browsera.com/(已被墙,回复关键词“VPN”科学上网)

Browsera除了测试网页外观,还能够指出网页错误,提供有价值的信息。使用Browsera需要先注册一个测试账号,然后输入测试网页地址即可。

测试过程中会有测试进度提示,结束后你的注册邮箱和Browsera当前窗口都能够看到一份详细的测试结果,包括几款测试浏览器的页面布局差异结果,而且可以滑动查看布局页面图片效果,以便于做出相应的修改。

除了外观效果外,Browsera特色功能是指出网页中包含的JavaScript错误类型,所在错误的代码行以及错误类型。不过免费用户只能测试Firefox和IE的五种浏览器版本,需要付费后支持更多浏览器种类。

小结

今天和各位分享的四款跨浏览器自动测试免费在线网站,希望可以提高网页测试工作效率,自动分析出网页存在的问题,并进行优化改善。

相关文章

  • 职场酷软 |跨浏览器网页效果免费自动测试专题

    对于做互联网产品行业,一定会碰到网页兼容性问题。比如小强从事的教育互联网产品,网页的显示效果在Chrome浏览器完...

  • ChromeDriver 的配置

    WebDriver是一个开源工具,用于在许多浏览器上自动测试webapps,它提供了导航到网页,用户输入,Java...

  • cordova改浏览器内核、跳外网

    在config.xlm中 跨域跳入别人的网页 修改浏览器内核,模拟冒出别的浏览器内核访问网页

  • H5

    1.h5出现的应用领域 1酷炫页面 2网页游戏 3移动开发 4应用开发 2.为什么受欢迎? 跨平台,各大浏览器支持...

  • 【跨域问题】

    跨域问题 跨域是浏览器基于同源策略限制本网页(域)访问其他端口(网页/域地址)的一种保护措施。防止黑客恶意修改本网...

  • JavaScript入门

    JavaScript作为可跨平台,跨浏览器的语言,功能之强大。JavaScript可以直接嵌入在网页的任何地方,通...

  • Web 跨域

    为什么需要跨域? 浏览器 同源策略 (域名、协议、端口相同)限制其他网页对本网页进行非法篡改, 只有带有 src ...

  • JavaScript basic:写在前面

    廖雪峰的JS教程学习 在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网页,与用户交互,新兴的Nod...

  • 什么是XSS攻击?什么是SQL注入攻击?什么是CSRF攻击?

    XSS(Cross Site Script,跨站脚本攻击)是向网页中注入恶意脚本在用户浏览网页时在用户浏览器中执行...

  • web前端开发中浏览器兼容问题(一)

    浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的...

网友评论

本文标题:职场酷软 |跨浏览器网页效果免费自动测试专题

本文链接:https://www.haomeiwen.com/subject/jhslcttx.html