在前端开发中我们经常会要调试页面，主要html、css调试和js调试，这里整理一些工具：
1.firefox插件Firebug
主要用于html、css的调试和js调试；推荐指数：
从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。(转载请注明出处：WEB前端开发 http://www.css88.com/)
介绍下载请参见： http://www.css88.com/archives/130
本文转载自：杨正祎（阿一）的博客，原文URL：http://www.cnblogs.com/JustinYoung/archive/2009/04/03/kaifarenyuangongju2.html
应了《无间道》的那句话——“出来混，迟早是要还的！”。IE6种下的苦果，现在果然到了要咽下的时候了。当IE8发布的时候，他不得不面对着世界上成千上万“只有在IE6中才能正常显示”的页面。不发布IE8了吧，FireFox和Chrome又跟着后面抢蛋糕；不管那些“IE6 only”的页面吧，那浏览器出来还不被人骂死；让所有的站长都把页面重构吧，想想自己都要笑。唉，这可咋整呀。
唉，有了，咱采取一个手段，让用户自己去处理，如果他碰到了“IE6 only”页面，就让他自己手动处理一下，让浏览器还用老的渲染模式渲染页面，这虽然麻烦了一点用户，但是也不失是个办法。于是“浏览器模式”出来了。说白了，就是让用户选择当前页面用何种IE版本去渲染。
举个例子吧，顺便练习一下ie的条件注释核心代码如下——
本文转载自：杨正祎（阿一）的博客，原文URL：http://www.cnblogs.com/JustinYoung/archive/2009/03/24/kaifarenyuangongju.html
如果你是前端开发人员，那么还请你安装一下这玩意吧。因为正式版已经发布了。不同于以前的beta版，这次咱得认真的关注一下它了。去下载并安装一个吧，下面是下载地址——
Windows XP
Windows Vista
Windows Server 2003
Windows Server 2008
Windows XP 64-bit
Windows Vista 64-bit
Windows Server 2003 64-bit
Windows Server 2008 64-bit
哦，也许你会担心，你系统内的IE6或者IE7完蛋了。恩，的确，这有可能。但是，你可以试试下面的工具。它可以让你多版本的IE共存——
IE多版本共存的解决方案——IETester
微软网页开发调试利器SuperPreview（附下载）
虽然这玩意改了时髦的名字，但是却也不是什么新玩意，它的前身是“IEdevtoolbar”。但是，以前只是IE的一个插件而已。而在IE8中，浏览器已经自动集成了这玩意，不仅改了个有点土鳖的名字，而且功能也加强了很多。
开发人员工具在IE8的工具菜单下，或者直接点击F12快捷键也可以呼叫出来。
JavaScript已经发展成为进行Web客户端编程的标准语言。它有大量的语言资源，但是对开发的支持并不完备。大多数使用JavaScript的开发人员更倾向于用原来的方法进行调试，但是现在有很多工具来减轻测试和调试的负担。
Visual Studio 2008将是一个非常激动人心的版本，包含了成堆的强大的功能。其中一个新特性就是更加完善的支持对JavaScript的调试及IntelliSense功能。Visual Studio 2008其实是开发JavaScript程序最优秀的IDE，对JavaScript的代码诱导能力最强，而且还可以进行断点跟踪调试调试。在本文中，将展示的这两方面的特性，希望为JavaScript的编辑及调试带来新开发方式，但愿读者能寻找到一款更好的JavaScript开发工具。
JavaScript 智能感知(Intellisense)功能
面对一大段的JavaScript脚本，以前总是会很头疼，找不到调试这些代码的方法。如果出现什么错误或异常，总是要从头分析，然后插入很多Alert()，调试起来很麻烦。
Visual Studio 2008中JavaScript所具有的另外一个特性，是它提供了更加强大的JavaScript调试功能，这使得JavaScript的使用及构建AJAX应用都变得容易很多。同样，这项功能在免费的Visual Web Developer Express版本中和Visual Studio中都具有。
(1) 在ASP.NET页面中设置JavaScript断点 继续阅读：用vs2008调试Javacscript»
IE WebDeveloper可以让你检查和编辑你的HTML DOM, 显示错误信息, 日志信息, 显示网站源代码, 监视DHTML事件和HTTP流量. 如果你是一个开发人员或设计人员, 但平常又喜欢使用IE, 那IE webdeveloper是个不错的选择.它的功能可以和火狐下的Firebug相媲美，甚至有些功能还强于Firebug。
IE WebDeveloper允许直接地在浏览器窗口中浏览、传输和更新HTML DOM。该软件可以实时分析网页并且显示为一种允许你察看表格风格、Javascript脚本，表格以及其它网页元素的树形风格。该软件还可以在浏览器中交互式地突出显示被选择的网页元素，因此你可以在实际网页中定位其代码。 查看style元素，定位div等等。且支持一键w3c检查（包括HTML/XHTML/CSS/Javascript tutorial等）。虽然用起来不如Firebug那么得心应手，但是毕竟解决了我们在ie上调试工具不足的问题。
程序安装后是IE的一个内嵌插件，在IE工具条上默认会有一个打开按钮：
继续阅读：IE下的调试工具IE WebDeveloper»
前端调试工具有很多，比如FireFox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView，IE WebDeveloper V2，还有IE8自带的开发工具 等等，这里我再推荐一个DebugBar；
大家肯定都知道ieTester(点击查看ieTester相关信息),大家都用ieTester来测试各个IE版本的页面兼容性，其实新版的ieTester(点击下载目前最新版的ieTester v0.3.2 ）还有一个很强大的页面调试插件：DebugBar。下面来介绍一下功能：
1.DOM：
DebugBar可以分析出所有的DOM，包括图片，样式，脚本等等，
我们可以通过拖动目标工具（
）到页面中寻找需要的目标元素，如图
最近很多网友问我IE8绿色版有没有，我没有，不过有两个很好的几个工具可以取代IE8绿色版，基本上可以满足大家的测试需求
第一个是IETester：
官方下载：http://www.my-debugbar.com/wiki/IETester/HomePage
介绍Internet Explorer Collection让你同时拥有IE1-IE8
微软在 Mix09 上推出了一款全新的工具 Expression Web SuperPreview，SuperPreview 是微软将推出的 Expression Web 3 的一部分，同时，微软也提供了 SuperPreview 的独立安装包。
每个有过独立 Web 设计或开发经验的同学都有过在大量浏览器、以及相同浏览器的不同版本下调试。而主流的方式有两种：
而 SuperPreview 的目标是结合两者，但目前并没完全实现。
Expression Web SuperPreview 目前已有的、以及将推出的功能，概要如下：
CSS Sprites 样式生成工具是有腾讯的鬼哥使用RIA开发一个针对CSS Sprites 的样式生成工具，小巧，实用，可惜部分功能使用起来还不是很灵活，希望鬼哥继续升级。
CSS Sprites在开发的时候比较麻烦，你要通过photoshop或其他工具测量计算每一个背景单元的精确位置，这是针线活，没什么难度，但是很繁琐，还要书写出css；实用这个工具就能在很大程度改善这个问题；
最新评论
非常好
Post:2012-02-08 21:59:12@linda, 没见过世面吧你，老板才8 »
Post:2012-02-07 18:11:22码头哥，换个链接，http://www.ijo »
Post:2012-02-07 17:18:45currying: 科里化
Post:2012-02-06 15:51:18貌似在线api已经下不了了
Post:2012-02-06 11:25:19图片被防盗链了，哈哈～
Post:2012-02-06 10:29:45对你造成的不便非常抱歉，简易你卸 »
Post:2012-02-05 14:45:16您好,请问air版本的自动更新怎么去 »
Post:2012-02-05 12:06:24