网络开发者调试工具小盘点

无论是什么样的开发者都必不可缺少的就是调试,当然本篇介绍的工具均是适用于网络开发者,我按照软件平台的不同分了几类:Firefox扩展类,IE插件类,书签工具类,JavaScript类,当然还有其他类等。其中之前介绍的5个最棒的Firebug扩展可以分在Firefox扩展类,其他本篇将主要介绍剩下的两个分类的调试工具。

书签工具类

所谓书签工具类,实际上就是通过点击书签就可以实现运行调试工具的方法类别。
安装方法也非常的简单,对于FireFox用户,直接把指定保存书签的按钮(或链接)拖拉到书签工具栏;对于IE用户,在指定保存书签的按钮(或链接)右键,选择“添加到收藏夹“。
使用的时候,直接点击那个书签即可运行调试工具。

XRAY (支持IE6+/Firefox/Safari/Camino)

简单的DOM查看器,运行后点击网页的元素,弹出的窗口会显示相关的DOM信息。不过要注意对于查看的元素是链接是无法查看的。因为….因为…浏览器直接就跳转到你点击了那个链接上去了…

Firebug Lite (支持IE6+/Firefox/Safari/Opera)

没错,Firebug的作者为了让不同浏览器的开发者都能用到Firebug,精心打造了这个JavaScript版本,此版本实现了fx扩展的大部分功能。强烈推荐哦,哈哈。

ReCSS (支持IE6+/Firefox/Safari)
功能是重载CSS,其实看名字也会了解,主要是为了在修改CSS后,同时在不重新加载网页内容的情况下达到重载CSS后的效果。简单的说只节省调试时间,要不每次都是全部重载所有的资料多浪费时间啊~

Layout Grid Bookmarklet (支持IE6+/Firefox/Safari/Opera)

标尺工具,可以让你的网页背景变成一个标尺,提供的版本比较多(固定版和浮动版),大家使用时需要多看看,标尺长宽为1000×1000像素。

JavsScript类

Firebug Lite (支持IE6+/Firefox/Safari/Opera)
没错,它不仅提供书签工具版也提供JavaScript版本,直接把下面的代码放在你要调试的网页里面就可以啦。


Pi.debugger

直接点上面的链接吧,那个是我之前专门介绍的文章XD

IE插件类

如果你使用的是IE8就算了,就跳过本类别吧:)另外这个类别不做重点简单介绍,因为网上这样的文章太泛滥了。
首先我要介绍和推荐的是微软自己出的Visual Web Developer,免费产品,功能还蛮不错,再者就是收费产品IE WebDeveloper,这个其实我还是蛮喜欢的,网上破解/注册版一片,我就不多说。其他的还有IEDevToolBar。

2 thoughts on “网络开发者调试工具小盘点

  1. 只用 Firebug, 应该足够了吧. 最难调就是 JavaScript 了, 它可以调到你哭, 又容易令浏览器崩溃.