码迷,mamicode.com
首页 > 其他好文 > 详细

Firebug使用笔记

时间:2015-04-27 21:37:04      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

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

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

(1)控制台

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

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

命令台( 技术分享 ):在任意界面点击上述按钮可使用JavaScript来进行操作。

(2)HTML 标签

The "Break On Mutate" button ( 技术分享 )

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

(3)CSS标签

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

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

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

(4)脚本标签

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

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

断点执行如下:

技术分享

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

技术分享

(5)DOM

该标签暂时不会用到。

(6)网络标签

技术分享

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

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

技术分享

(7)Cookies Panel

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

 

Firebug使用笔记

标签:

原文地址:http://www.cnblogs.com/dhuhank/p/4458251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!