Firebug使用笔记

本文介绍Firebug的七大核心模块:控制台、HTML、CSS、Script、DOM、Net和Cookies面板的功能及使用技巧,如记录JavaScript调用、HTML变更调试、CSS属性编辑、脚本断点设置、网络请求分析及Cookies管理等。

Firebug使用手册:https://getfirebug.com/wiki/index.php/Main_Page

Firebug主要由7标签组成,它们分别为控制台、HTML、CSS、Script、DOM、Net、Cookies。

(1)控制台

保证(Persist):按下“保持”按钮,则界面中的信息会保存,即使刷新页面也不会清空。

概况(Profile):按下此按钮会记录JavaScript的调用。

命令台( CommandLinePopupButton.png ):在任意界面点击上述按钮可使用JavaScript来进行操作。

(2)HTML 标签

The "Break On Mutate" button ( Break On Mutate Button.png )

选中该按钮,则HTML的改变会暂定JavaScript的执行并跳至Script标签。

(3)CSS标签

可以通过“双击”来添加一项新属性。

可以点右键,通过选项来添加一条新规则。

当改变属性值时,使用可以 /来使其增减1,使用 Shift + /使其增减10,使用 Ctrl + /↓使其增减 0.1。

(4)脚本标签

美化按钮( PrettyPrintButton.png ):可以使外置文件的脚本格式化。(bug:多次点击会失效。)

可以打断点的脚本行的行号是绿色的。

断点执行如下:

Firebug可以方便的禁用和移除所有断点:

(5)DOM

该标签暂时不会用到。

(6)网络标签

 BFCache (back/forward cache)即页面前进或后退时页面的缓存。

在瀑布流中各颜色的含义和样例:

(7)Cookies Panel

提供方便的增删改Cookies的操作。

 

转载于:https://www.cnblogs.com/dhuhank/p/4458251.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值