html5页面的浏览器兼容性测试工具有哪些

html-css05

html5页面的浏览器兼容性测试工具有哪些,第1张

12款很棒的浏览器兼容性测试工具推荐:

1、Spoon Browser Sandbox

点击需要测试的浏览器环境,安装插件就可以进行测试了。帮助测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。

2、Superpreview

这是为微软自己发布的跨浏览器测试工具,可以同时查看网页在多个浏览器的呈现情况,对页面排版进行直观的比较。

3、IETester

专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。

4、BrowserShots

是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。

5、Multiple IEs

这款工具同样用于测试网页在IE浏览器各个版本的兼容性。

6、IE netrenderer

Netrenderer 也是用于检查网站在IE浏览器中的呈现情况,包括各个常用版本的检测。

7、Viewlike

是一款新推出的工具,帮助检查浏览器在不同分辨率下得呈现情况。

8、BrowserSeal

这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。

9、Browsera

是一个可测试网站的跨浏览器布局的工具,会看到网站上存在的兼容性错误。

10、WebDevLab

这款工具专门用于测试网站在苹果Safari浏览器中是什么样子的

11、Litmus

这个工具可以帮助检查网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。

12、Browsercam

这款工具是要付费的,可以帮助检查 Javascript 和 DHTML,提供不同的测试环境平台。

html网页前端打开,你这里的前端有点不明确(浏览器,网页编辑工具),用到的测试工具:浏览器,notepad++,电脑,打开方式步骤如下:

如果想浏览器查看效果,直接双击html文件,默认的浏览器就可以打开查看效果。例如百度的首页效果:

2.如果想编辑html代码,右击html文件选择用notepad++打开,打开效果如下图:

使用ietester,不过我还建议在win10系统下打开ie,然后按下f12,如下图

可以调试每一个浏览器的兼容,另外火狐浏览器是最好用的,建议用火狐的firebug,目前主流浏览器和ie都是很有连贯性的,像基本的兼容差错不会再有了,只是一些对新的css3属性的支持度差异而已。