Firebug是一款优秀插件,功能丰富实用,这里仅作简单介绍。
1、 点击Firebug图标,即可开启Firebug工具。
2、 启用后效果所示
3、 在代码中预览效果,只需将鼠标悬停在代码行上,此时会显示一个小手图标。
4、 若要在页面中查找效果对应的代码,可选择图中的箭头图标进行定位。
5、 单击图标,选择页面效果元素,查看代码。
6、 可见代码的CSS样式修饰,可调整以查看效果,我已增大字体。
7、 查看CSS文件及其大致行数,方便快速定位查找。
8、 另有其他用法,日后有机会再详述。