兼容IE与Firefox的在线调试工具

做前端最头疼的事情就是浏览器兼容问题,尤其是IE浏览器,版本多样,很多人在使用IETester来检查视觉兼容效果,虽然IEtester上内置了一款Debugbar的工具,不过只能查看一些基本信息。我们想即时更改dom结构、想换className、想更改文字或其它属性,都显得很麻烦。给大家推荐2款浏览器页面调试工具。

IE调试工具——点亮网页

此软件安装很方便就是下载文件:http://nihaoku.cn/Linr/LinrIEGallery.reg 下载下来后运行reg文件,右键菜单就会出现“点亮网页”选项,重启IE内核的浏览器,然后右键选择“点亮网页”即可使用。

目前它具备的功能:

  • 查看、修改、删除任意一处dom结构、文案、属性、Style样式;
  • 执行JS;
  • HTML语法分色显示;
  • 打开任意一处的可编辑状态、真正做到所见即所得编辑;
  • 盒模型快速查看、修改;

Firefox 调试工具——Firebug

用firebug你可以在任何一个页面上 edit, debug, and monitor CSS, HTML, and JavaScript ,甚至可以动态修改dom树和css。

目前它具备的功能:

  • 跟踪HTML,很容易找到页面上的某一个区域的HTml在哪里
  • js断点调试
  • css调试
  • dom树分析
  • 网络检测,跟踪每一个请求,可以查看请求和响应的所有内容,可以帮你发现性能瓶颈,同时也是一个很好的hack工具和ajax调试工具
官方下载地址:http://getfirebug.com/
如果觉得对以上软件感兴趣,以后我还会写篇 如何让FireBug浏览器更强大 的文章,关注更新哦!

One thought on “兼容IE与Firefox的在线调试工具

Comments are closed.