模板
教程
环境
性能
功能
管理
Firebug使用详解(20)
12、 在IE中使用Firebug
Firebug是Firefox的一个扩展，
但是我习惯在IE中调试我的页面怎么办?
如果在页面脚本中加入console.log()将调试信息写到Friebug，
在IE中肯定是提示错误的，
怎么办?
不用担心，
Frirebug提供了Frirbug Lite脚本，
可以插入页面中模仿Firebug控制台。
我们可以从一下地址下载firebug lite：
http://www.getfirebug.com/releases/firebuglite1.0-b1.zip
然后在页面中加入：
|
<script language="javascript" type="text/javascript" src="/路径/firebug.js"></script> |
如果你不想在IE中模仿Friebug控制台，
只是不希望console.log()脚本出现错误信息，
那么在页面中加入一下语句：
|
<script language="javascript" type="text/javascript" src="/路径/firebugx.js"></script> |
如果你不想安装Firebug Lite，
只是想避免脚本错误，
那么可以在脚本中加入以下语句：
|
if (!window.console || !console.firebug) { var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
window.console = {}; for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {} } |
我们将firebug.js加入到测试页面中，
然后打开IE，
加载页面。
页面加载完成后，
我们按下F12键就可以打开控制台了。
每次页面刷新后，
你都要按F12键打开控制台，
是不是很烦?
如果不想那么，
就在html标签中加入“debug=’true’”，
例如：
|
|
在Friebug Lite中也有命令行，
但是功能没那么强。
13、 快捷键和鼠标操作
|
全局操作 |
|
|
打开Firebug窗口 |
F12 |
|
关闭Firebug窗口 |
F12 |
|
在新窗口打开Firebug |
Ctrl+F12 |
|
往前切换标签 |
Ctrl+` |
|
将光标移到命令行 |
Ctrl+Shift+L |
|
将光标移到搜索框 |
Ctrl+Shift+K |
|
进入Inspect模式 |
Ctrl+Shift+C |
|
进行JavaScript性能测试 |
Ctrl+Shift+P |
|
重新执行最后一条命令行命令 |
Ctrl+Shift+E |
|
HTML标签 |
|
|
编辑属性 |
单击属性名或值 |
|
编辑文本节点 |
单击文本 |
|
编辑Element |
双击Element标记 |
|
移到路径里的下一个节点 |
Ctrl+. |
|
移到路径里的上一个节点 |
Ctrl+, |
|
HTML编辑 |
|
|
完成编辑 |
Return |
|
取消编辑 |
Esc |
|
移到下一个区域 |
Tab |
|
移到上一个区域 |
Shift+Tab |
|
HTML Inspect 模式 |
|
|
取消Inspect |
Esc |
|
Inspect 父节点 |
Ctrl+Up |
|
Inspect 子节点 |
Ctrl+Down |
|
Script标签 |
|
|
继续运行 |
F5 |
|
|
Ctrl+/ |
|
单步执行（Step Over） |
F10 |
|
|
Ctrl+' |
|
单步执行（Step Into） |
F11 |
|
|
Ctrl+; |
|
退出函数（Step Out） |
Shift+F11 |
|
|
Ctrl+Shift+; |
|
设置断点 |
单击行号 |
|
禁止断点 |
在行号上Shift+Click |
|
编辑断点条件 |
在行号上Right-Click |
|
运行到当前行 |
在行号上Middle-Click |
|
|
在行号上Ctrl+Click |
|
移到堆栈中的下一个函数 |
Ctrl+. |
|
移到堆栈中的上一个函数 |
Ctrl+, |
|
将焦点切换到Scripts菜单 |
Ctrl+Space |
|
将焦点切换到Watch编辑 |
Ctrl+Shift+N |
|
DOM 标签 |
|
|
编辑属性 |
双击在空白 |
|
移到路径中下一个对象 |
Ctrl+. |
|
移到路径中上一个对象 |
Ctrl+, |
|
DOM 和Watch编辑 |
|
|
结束编辑 |
Return |
|
取消编辑 |
Esc |
|
自动完成下一个属性 |
Tab |
|
自动完成上一个属性 |
Shift+Tab |
|
CSS标签 |
|
|
编辑属性 |
单击属性 |
|
插入新属性 |
双击空白处 |
|
移动焦点到Style Sheets菜单 |
Ctrl+Space |
|
CSS编辑 |
|
|
完成编辑 |
Return |
|
取消编辑 |
Esc |
|
移到下一个区域 |
Tab |
|
移到上一个区域 |
Shift+Tab |
|
按步长1增加数值 |
Up |
|
按步长1减少数值 |
Down |
|
按步长10增加数值 |
Page Up |
|
按步长10减少数值 |
Page Down |
|
自动完成下一个关键字 |
Up |
|
自动完成上一个关键字 |
Down |
|
Layout标签 |
|
|
编辑值 |
单击值 |
|
Layout编辑 |
|
|
完成编辑 |
Return |
|
取消编辑 |
Esc |
|
移到下一个区域 |
Tab |
|
移到上一个区域 |
Shift+Tab |
|
按步长1增加数值 |
Up |
|
按步长1减少数值 |
Down |
|
按步长10增加数值 |
Page Up |
|
按步长10减少数值 |
Page Down |
|
自动完成下一个关键字 |
Up |
|
自动完成上一个关键字 |
Down |
|
命令行 (小) |
|
|
自动完成上一个属性 |
Tab |
|
自动完成下一个属性 |
Shift+Tab |
|
执行 |
Return |
|
Inspect结果 |
Shift+Return |
|
打开结果鼠标右键菜单 |
Ctrl+Return |
|
命令行 (大) |
|
|
执行 |
Ctrl+Return |
原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html
