对于web开发者来说，一款好的调试工具能让你事半功倍，此篇经验教新手用firebug查看网页代码。
工具/原料
1
火狐浏览器
2
firebug插件
方法/步骤
1
默认大家都是安装了firebug了的，所以我不介绍怎么安装了。在你安装后，火狐浏览器的右上角看到的小虫图标就是firebug。
2
点击那个图标，图标颜色变得高亮，说明成功启动了firebug。同时浏览器下面会出现firebug的窗口。点击窗口的各个标题，可以看到当前网页的HTML、CSS、Javascript代码等。
3
在firebug的HTML窗口点击某个元素，右侧就会看到此元素的样式、DOM、事件。
4
你也可以鼠标右键单击网页的某个元素，然后选择用firebug查看元素，效果和上一个步骤一样的。
5
如果你对元素的布局或样式不满意，但又不知道设成多少合适，可以直接用firebug即时修改并预览效果。这些改动都只是预览效果，不会真正改动网页的CSS文件。
上一篇：如何选择儿童奶酪