1. Firebug
对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。它可以对已有的样式进行修改或者添加新的样式,并且直接在页面上预览效果。详细应用情况可以参看一峰同学的这篇文章。
2. IE8
对于网页开发人员来说,IE系列一直是个挥之不去的噩梦。IE6/7见最后“IETester”的介绍,IE8原生了开发者工具,虽然跟Firebug相比差点,但也有它自己的特色,比如集成了Firefox下Web Developer插件的功能;新的标尺和取色工具;设置IE7标准/IE8标准/怪癖模式三种兼容模式等等。请看:教程一、教程二。
3. Safari
Safari的开发者工具默认安装的时候没有启用,可以通过“偏好设置” -> “高级” -> 勾选 “在菜单中显示‘开发’菜单”启用,启用后即可通过菜单栏打开,也可以单击鼠标右键然后“检查元素”。Safari的开发者工具与Firebug基本差不多但也有区别,比如不能新建一个样式,只能修改已有样式的值。Safari有个特点就是可以改变用户代理,从而将自己识别为另一个浏览器,看来Safari还在缅怀上个世纪的浏览器检测大战。网上对Safari的介绍不多,官网应该是比较详尽的。
4. Chrome
Google Chrome与Apple Safari同为Webkit内核,开发者工具长的一个样。右击鼠标“审查元素”即可打开,需要知道的是Chrome3.0的开发者工具还是英文版。
5. Opera
Opera的开发者工具叫做Opera 蜻蜓,与Firebug一样的大同小异,Opera 9.5 及以上版本通过“工具”->”高级”->”开发者工具”启用。可以下载 Opera 调试菜单来配合 Opera 蜻蜓。在我的工作中对Opera的接触不多,所以详细情况还是看看官网的介绍,发烧友级别的可以去论坛逛逛。
6. IETester
IETester是没有装虚拟机的朋友测试IE兼容性的必备软件。而IETester的团队之前是做IE浏览器的网页开发插件DebugBar的,自然DebugBar插件也可以整合进IETester。追求代码完美,被IE烤的焦头烂额的朋友可以在这里下载,使用请点这里。