一、IEDevToolbar
1、什么是IEDevToolbar？
IEDevToolbar是微软公司开发的一个小工具，是一个免费的专门为Web开发人员制作的IE插件， IEDevToolBar可以帮助我们分析网站的布局结构，有助于我们学习和分析页面的CSS。
2、IEDevToolbar的主要功能有哪些？
以树结构查看CodeDom，并查看每个Element属性，可以使用鼠标点击选中 Element，这个在我们制作和调试网页时非常有用。
生成图片报表，就是将页面上说有出现的图片生成一份详细的报表，这样就省去我们自己去找图片路径和大小等等。
高亮显示表格，表格单元，Div等边框，这个在我们调整布局时也是很有用。
页面尺子，可以任意在页面上度量长度，这个是大大的提高了我们的工作效率，不用为了量个长度而抓图再用画图工具量。
3、IEDevToolbar的下载地址：
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&DisplayLang=en
4、IEDevToolbar使用方法：
安装之后，在IE顶部菜单的“查看” － “浏览器栏” 里勾选“IE Developer Toolbar”项即可调出IEDevToolbar。
二、火狐浏览器
火狐浏览器也是支持 DIV+CSS 网站布局最好的浏览器，初学者为了保证其设计可以在不同的浏览器上正常显示，至少应在IE和火狐上进行查看检查。功能同IEDevToolbar一样。火狐浏览器使用方法：打开网页后，在顶部菜单的“查看”—“页面源代码”可以清晰、有层次的看到CSS布局。火狐浏览器的查看源代码功能比IE单一的查看源文件实在强太多。
火狐浏览器的下载地址：http://www.mozillaonline.com
附：查看源文件相关文章：
《如何查看网页源文件》
《IE查看源文件程序更改》
