关注前端开发
关注用户体验

3款在线浏览器兼容性测试工具

作为一个热爱前端滴人,平时折腾博客或做网页什么的免不了要测试页面在各中浏览器里的显示效果。我们常用的方法就是使用ie tester等工具或者在虚拟机里装个其他版本的浏览器等。

今天,就为大家介绍一下如何利用网站资源来查看网页在不同系统不同浏览器中的显示效果:

1. Spoon Browser Sandbox

如上图所示,你可以查看你的网站在各大主流浏览器中的显示效果。当然,这使用这个工具之前,你需要先安装一个小插件。

2. BrowserShots

BrowserShots的功能比较强大,它支持如上图所示各种不同系统下不同版本的浏览器。只要你选中你所想查看的浏览器,然后输入你网站的网址,它就会将你网站在不同浏览器的显示效果截出图片给你。

3. IE NetRenderer

从名字我们就可以知道,它只能测试网站在不同版本的ie浏览器(从ie5.5到ie9)中的显示效果。同时,它在测试完以后还可以显示你网站的加载时间。

我给微博之博测试了一下ie6中的显示效果,没什么大的问题,网站加载时间是7s多,真是慢啊。

原文:http://twetw.com/1887.html

感谢端友【Aisin Von】的投稿!!

未经允许不得转载:大前端 » 3款在线浏览器兼容性测试工具
分享到:更多 ()

评论 11

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #9

    前段效果用着就是那么酷

    博客爪6年前 (2011-11-23)回复
  2. #8

    BrowserShots这个貌似能用,那个测ie的我输入地址按回车键后报错鸟。。

    兰悦儿格格6年前 (2011-09-30)回复
  3. #7

    很强大!

    乐橙6年前 (2011-08-18)回复
  4. #6

    太强大了,

    木木6年前 (2011-08-12)回复
  5. #5

    可是说,Browsershots是浏览器兼容性测试网站中最强大的!

    G字头老大6年前 (2011-07-26)回复
  6. #4

    不错,各种兼容一下都出来了,比较喜欢第二个,但是还要注册,囧… ➡

    奚少6年前 (2011-06-28)回复
  7. #3

    就用过IE兼容测试工具,为了艹蛋的IE6~

    那些事儿6年前 (2011-06-06)回复
  8. #2

    可以把文章最下面把我email地址去掉不? 😆

    Aisin6年前 (2011-06-05)回复
  9. #1

    有用。

    John6年前 (2011-06-05)回复

themebetter 国内更好的WordPress主题服务商

立即前往