前端开发浏览器兼容测试工具Lunascape

时间:2022-02-11 11:38:50

对于前端开发人员来说,浏览器是最头疼的问题了,要考虑各种类型各种版本的兼容,实际情况下写的时间可能远少于你在浏览器中测试问题。。。
看了不少博客和网站推荐的浏览器兼容测试工具,根据使用过的情况介绍下其中几个,希望对大家有所帮助。

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
前端开发浏览器兼容测试工具Lunascape

提供不同操作系统、浏览器、对应浏览器版本、分辨率的测试方案,可根据自己需要选择
前端开发浏览器兼容测试工具Lunascape
4.可在窗口查看网页运行效果图,或者重新更换选择进行测试。

在线网站测试大部分工具都有这里就不多说了,总之crossbrowsertest还是一个挺强大的工具基本能满足我们的兼容测试需要,但试用期有限还是有点可惜。

Lunascape

Lunascape是日本免费使用的集WebKit、Gecko和Trident三引擎一体的月神浏览器,试了下效果还是可以的。可到lunascape官网进行下载,但下载地址不稳定需要*才可能完成下载不然很容易中途就卡死失败。除官网外提供了其他的下载地址可去尝试,版本接近无多大影响,目前使用版本为6.15.0。

这个浏览器安装后还需要下载webkit和Gecko的引擎,也是需要*下载的安装的,等所有完成后你会发现不仅可以当一般浏览器用还能进行多引擎的测试,简直以一当三。
前端开发浏览器兼容测试工具Lunascape

因此这个浏览器基本能当做IE、Chrome和Firefox的结合体,不需要再频繁的切换浏览器进行测试。但安装过程比较容易出错不稳定,使用不需要*环境。

总结:BrowserShots也提供不同浏览器及对应版本,但使用感觉挺麻烦的,而且只能测试在线网站等,需要下载保存的截图查看效果;
sandbox下载后安装失败没深入使用过,就不说了;
IEtester比较有针对性,对于那种把IE作为主流使用的人员可以尝试,但有些版本太低对于现在开发来说已经缺少价值了,还是建议尝试多浏览器测试工具。

综上,使用的工具里还是比较满意Lunascape的,毕竟不可能每次写个页面都几个浏览器切换着来看兼容。