Firebug使用笔记

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