前端开发浏览器兼容测试工具Lunascape
2017-05-15 16:59
323 查看
对于前端开发人员来说,浏览器是最头疼的问题了,要考虑各种类型各种版本的兼容,实际情况下写的时间可能远少于你在浏览器中测试问题。。。
看了不少博客和网站推荐的浏览器兼容测试工具,根据使用过的情况介绍下其中几个,希望对大家有所帮助。
1.在测试页面选择Enable Location Connection
2.下载它提供的cbt-tunnels-win.exe放在比如D盘下,cmd打开命令行跳转到D盘:
运行后会出现连接成功的提示,不要关闭cmd窗口!
3.配置后此时该路径Html5_demo1已作为根目录使用,输入你在命令行中配置的路径下的一个页面,如switch.html
![](https://img-blog.csdn.net/20170515161503576?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdsdW8xMjNfXw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
提供不同操作系统、浏览器、对应浏览器版本、分辨率的测试方案,可根据自己需要选择
![](https://img-blog.csdn.net/20170515162145751?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdsdW8xMjNfXw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
4.可在窗口查看网页运行效果图,或者重新更换选择进行测试。
在线网站测试大部分工具都有这里就不多说了,总之crossbrowsertest还是一个挺强大的工具基本能满足我们的兼容测试需要,但试用期有限还是有点可惜。
这个浏览器安装后还需要下载webkit和Gecko的引擎,也是需要翻墙下载的安装的,等所有完成后你会发现不仅可以当一般浏览器用还能进行多引擎的测试,简直以一当三。
![](https://img-blog.csdn.net/20170515164010384?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmdsdW8xMjNfXw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
因此这个浏览器基本能当做IE、Chrome和Firefox的结合体,不需要再频繁的切换浏览器进行测试。但安装过程比较容易出错不稳定,使用不需要翻墙环境。
综上,使用的工具里还是比较满意Lunascape的,毕竟不可能每次写个页面都几个浏览器切换着来看兼容。
看了不少博客和网站推荐的浏览器兼容测试工具,根据使用过的情况介绍下其中几个,希望对大家有所帮助。
crossbrowsertest
可以在crossbrowsertest上注册一个试用的账户有效期7天,可以提供50分钟的免费测试时间,每次测试最多5分钟给你查看效果图,因此不太适合长期使用。这个网站比较好的是可以提供测试本地静态网页的方式,只需要简单命令行配置一下就行。1.在测试页面选择Enable Location Connection
2.下载它提供的cbt-tunnels-win.exe放在比如D盘下,cmd打开命令行跳转到D盘:
cbt-tunnels-win.exe --username 你的邮箱 --authkey 你的认证码 --dir 要测试的页面路径 (例如我的是\WorkSpace\HbuilderWS\Html5_demo1)
运行后会出现连接成功的提示,不要关闭cmd窗口!
3.配置后此时该路径Html5_demo1已作为根目录使用,输入你在命令行中配置的路径下的一个页面,如switch.html
提供不同操作系统、浏览器、对应浏览器版本、分辨率的测试方案,可根据自己需要选择
4.可在窗口查看网页运行效果图,或者重新更换选择进行测试。
在线网站测试大部分工具都有这里就不多说了,总之crossbrowsertest还是一个挺强大的工具基本能满足我们的兼容测试需要,但试用期有限还是有点可惜。
Lunascape
Lunascape是日本免费使用的集WebKit、Gecko和Trident三引擎一体的月神浏览器,试了下效果还是可以的。可到lunascape官网进行下载,但下载地址不稳定需要翻墙才可能完成下载不然很容易中途就卡死失败。除官网外提供了其他的下载地址可去尝试,版本接近无多大影响,目前使用版本为6.15.0。这个浏览器安装后还需要下载webkit和Gecko的引擎,也是需要翻墙下载的安装的,等所有完成后你会发现不仅可以当一般浏览器用还能进行多引擎的测试,简直以一当三。
因此这个浏览器基本能当做IE、Chrome和Firefox的结合体,不需要再频繁的切换浏览器进行测试。但安装过程比较容易出错不稳定,使用不需要翻墙环境。
总结:BrowserShots也提供不同浏览器及对应版本,但使用感觉挺麻烦的,而且只能测试在线网站等,需要下载保存的截图查看效果; sandbox下载后安装失败没深入使用过,就不说了; IEtester比较有针对性,对于那种把IE作为主流使用的人员可以尝试,但有些版本太低对于现在开发来说已经缺少价值了,还是建议尝试多浏览器测试工具。
综上,使用的工具里还是比较满意Lunascape的,毕竟不可能每次写个页面都几个浏览器切换着来看兼容。
相关文章推荐
- 网页前端开发工程师推荐的12款浏览器兼容性测试工具
- 高性能前端开发-Web性能测试工具推荐
- 一次开发,随处测试:Mozilla推出Web跨浏览器调试工具
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
- 前端开发工具即测试环境搭建
- 做为一名在校学生而言,从其职业发展的角度出发,在学习 Web 前端开发的时候有必要花时间兼容 IE6、IE7 这些浏览器吗?
- 前端开发测试工具汇总
- 一次开发,随处测试:Mozilla推出Web跨浏览器调试工具
- 前端开发时需要注意的要点 避免浏览器兼容问题
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
- Web前端必备开发工具(浏览器自动刷新工具“F5”和“SuperApp”)
- Firefox 插件 JSview是一套比较实用的JS,CSS文件查看工具,很方便,很快捷地查看页面引用了哪些文件,作为Web前端开发者是一套必备的插件,由于Firefox升级过快,插件很快不兼容了,这里对插件做了一些调整,可以兼容最新Firefox浏览器(目前FireFox 21)
- IE 中开发,兼容与性能测试工具汇总
- 前端开发时需要注意的要点 避免浏览器兼容问题
- 在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
- web前端开发:浏览器兼容问题汇总
- IE 中开发,兼容与性能测试工具汇总
- [前端兼容测试]免费的在线浏览器虚拟机 [用于web测试,或者其他众所周知的用途]
- 浏览器兼容测试工具
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧