1、Firebug使用指南,Conclusion,Using Firebug,Opening and Closing Firebug,Installing Firebug,Introduction to Firebug,Introduction,Web Development EvolvedCreated By: Joe Hewitt Firebug是免费的并开放源代码的。 Firebug 与Firefox结合在一起,你可以在浏览网页的时候,利用Firebug编辑、调试、查看CSS、HTML、JavaScript .,Installing Firebug,Firebug 是在Firefox中使用的
2、。所以你必须首先要有Firefox浏览器。 打开Firefox,“工具” “Add-ons” “Get Add-ons” 输入 “Firebug” , Enter Add to Firefox 安装后需重启 Firefox,Opening and Closing Firebug,启动Firefox, “Tools” “Firebug ”,你也可以使用 F12 功能键,快捷地打开和关闭Firebug,对于我们要浏览的网页,我们想使用Firebug 进行调试、查看的时候,可以有两种方式: 你可以使用右上角的 按钮来改变显示的方式。1) 在页面下方显示:,2)打开新的窗口显示,Firebug Win
3、dow Overview,Inspect and edit HTML,动态查看代码,高亮显示变化,即时的HTML编辑,使用鼠标定位到元素,查找,查看、编辑、重新加载 复制代码,Tweak CSS to perfection,查看级联,预览颜色和图像,手调CSS,学习CSS的好帮手,启用/禁用CSS样式属性,微调,箱状模式阴影显示,测量每一个边距,尺度和向导,移动,Monitor network activity,查看每个文件的时间线,检查HTTP头,监视XMLHttpRequest,JavaScript Debugging,Debug and profile JavaScript,设置断点 在任意行暂停,直接跳转到指定行,DOM Exploration,根据需要选择查看所需的内容,导航到JavaScript代码,JavaScript Logging,使用如 Console.log(“hello world”)输入到Firebug 的 控制台,Resource,Firebug官方网站:http:/ Firebug入门:http:/ Firebug高级议题:http:/ You !,