FireBug

FireBug是firefox的一个插件，利用firebug可以很方便的进行web页的调试工作。通过firebug可以查看web页面的CSS，DOM结构，js调试，查看网络的传输情况，而且还可以直接对web中元素进行编辑，查看编辑后的效果。

FireBug主要包括控制台、HTML、CSS、脚本、DOM、网络、Cookie。

FireBug常用快捷键

 

Global
Open Firebug Panel	F12
Close Firebug Panel	F12
Open Firebug in Window	Ctrl+F12
	⌘+F12
Switch to Previous Tab	Ctrl+`
	Option+Tab
Focus Command Line	Ctrl+Shift+L
	⌘+Shift+L
Focus Search Box	Ctrl+Shift+K
	⌘+Shift+K
Toggle Inspect Mode	Ctrl+Shift+C
	⌘+Shift+C
Toggle JavaScript Profiler	Ctrl+Shift+P
	⌘+Shift+P
Re-Execute Last Command Line	Ctrl+Shift+E
HTML Tab
Edit Attribute	Click on name or value
Edit Text Node	Click on text
Edit Element	Double-Click tag name
Next Node in Path	Ctrl+.
Previous Node in Path	Ctrl+,
HTML Editor
Finish Editing	Return
Cancel Editing	Esc
Advance to Next Field	Tab
Advance to Previous Field	Shift+Tab
HTML Inspect Mode
Cancel Inspection	Esc
Inspect Parent	Ctrl+Up
	⌘+Up
Inspect Child	Ctrl+Down
	⌘+Down
Script Tab
Continue	F5
	Ctrl+/
	⌘+/
Step Over	F10
	Ctrl+'
	⌘+'
Step Into	F11
	Ctrl+;
	⌘+;
Step Out	Shift+F11
	Ctrl+Shift+;
	⌘+Shift+;
Toggle Breakpoint	Click on line number
Disable Breakpoint	Shift+Click on line number
Edit Breakpoint Condition	Right-Click on line number
Run to Line	Middle-Click on line number
	Ctrl+Click on line number
	⌘+Click on line number
Next Function on Stack	Ctrl+.
Previous Function on Stack	Ctrl+,
Focus Menu of Scripts	Ctrl+Space
	⌘+Shift+Space
Focus Watch Editor	Ctrl+Shift+N
	⌘+Shift+N
DOM Tab
Edit Property	Double-Click on empty space
Next Object in Path	Ctrl+.
Previous Object in Path	Ctrl+,
DOM and Watch Editor
Finish Editing	Return
Cancel Editing	Esc
Autocomplete Next Property	Tab
Autocomplete Previous Property	Shift+Tab
CSS Tab
Edit Property	Click on property
Insert New Property	Double-Click on white-space
Focus Menu of Style Sheets	Ctrl+Space
	⌘+Shift+Space
CSS Editor
Finish Editing	Return
Cancel Editing	Esc
Advance to Next Field	Tab
Advance to Previous Field	Shift+Tab
Increase Number by One	Up
Decrease Number by One	Down
Increase Number by Ten	Page Up
Decrease Number by Ten	Page Down
Autocomplete Next Keyword	Up
Autocomplete Previous Keyword	Down
Layout Tab
Edit Value	Click on value
Layout Editor
Finish Editing	Return
Cancel Editing	Esc
Advance to Next Field	Tab
Advance to Previous Field	Shift+Tab
Increase Number by One	Up
Decrease Number by One	Down
Increase Number by Ten	Page Up
Decrease Number by Ten	Page Down
Command Line (small)
Autocomplete Next Property	Tab
Autocomplete Previous Property	Shift+Tab
Execute	Return
Inspect Result	Shift+Return
Open Result's Context Menu	Ctrl+Return
	⌘+Return
Command Line (large)
Execute	Ctrl+Return
	⌘+Return