魔琳人生-路漫漫其修远兮

今天简单归纳以下自己了解的一些网页调试工具：
IE Developer Toolbar

这个大家一定都很熟悉，可以很清楚的查看页面的结构和ＣＳＳ样式等。
工作在IE下，直接在工具栏－》自定义下添加即可。

Web Developer

对页面中的文本、图像、媒体文件进行控制，对网页所应用的CSS文件的id与class辅助查看，表格辅助查看，可以实现修改CSS文件实时显示出得到的页面效果等等。
工作在FF: 1.0 – 2.0.0.*，在下载后，打开ＦＦ的工具－》附加软件（或者是扩展），在弹出窗口把安装文件拖进去即可。

CSSViewer

FF下，能选择页面中的层并读出详细信息。

Firebug
FireBug: 为Firefox设计，能显示让网站变慢的元素。

还有其他几个不错的工具，可以参见：http://www.labnol.org

Browsershots

Browsershots能够在不同的操作系统和不同的浏览器之中自动捕获网站的截屏。

IE NetRenderer
IE NetRenderer类似于Browsershots，但是会快很多。
可惜的是只支持Internet Explorer的几种版本。

BrowsrCamp
BrowsrCamp和Browsershots类似,是基于Mac OS设计的网站则可以选择来测试，只支持MAC OS的浏览器。

BrowsrCam
BrowserCam是测试网页在移动设备上的效果的。
另一个很不错的选择是Opera Simulator,它可以让你在桌面上体验到Opera的Mobile版本。
Pingdom 是一种能够模拟网页如何被浏览器载入的工具。它能够显示一些动态数据(文件大小，载入时间)等等所有有可能导致你的网站变慢的因素。

也有人推荐用HttpWatch5 pro，IE的一个插件，据说比Pingdom Tools还详细。
Print CSS

模拟PDF和打印效果。

魔琳人生：www.linlife.com