《firebug使用说明.docxVIP

命令行的所有特殊函数请看表3：命令说明$(id)通过id返回Element。$$(selector)通过CSS选择器返回Element数组。$x(xpath)通过xpath表达式返回Element数组。dir(object)列出对象的所有属性，和在DOM标签页查看该对象的是一样的。dirxml(node)列出节点的HTML或XML的源代码树，和在HTML标签页查看改节点一样。cd(window)默认情况下，命令行相关的是顶层window对象，使用该命令可切换到frame里的window独享。clear()清空信息显示区，和单击按钮Clear功能一样。inspect(object[, tabName])监视一个对象。tabName表示在那个标签页对该对象进行监视，可选值为“html”、“css”、“script”和“dom”。keys(object)返回由对象的属性名组成的数组。values(object)返回由对象的属性值组成的数组。debug(fn)在函数的第一行增加一个断点。undebug(fn)移除在函数第一行的断点。monitor(fn)跟踪函数fn的调用。unmonitor(fn)不跟踪函数fn的调用。monitorEvents(object[, types])跟踪对象的事件。Types的可选值为“composition”、“contextmenu”、?“drag”、?“focus”,、“form”、“key”、?“load”、“mouse”、“mutation”、“paint”、“scroll”、“text”、“ui”和“xul”。unmonitorEvents(object[, types])不跟踪对象的事件。Types的可选值为“composition”、“contextmenu”、?“drag”、?“focus”,、“form”、“key”、?“load”、“mouse”、“mutation”、“paint”、“scroll”、“text”、“ui”和“xul”。profile([title])开始对脚本进行性能测试，可选参数title将作为测试结果的标题。profileEnd()结束脚本性能测试。表3?命令行有命令记忆功能，可通过上、下箭头键选择已经输入过的命令。?11、??在脚本文件中加入调试命令有没有对脚本调试中经常需要alert感到厌烦？有了Firebug，你就可以放下alert了，因为Firebug有功能比alert更强大的console.log。先让我们来认识一下console.log，在测试文件脚本区域我们输入一下代码：?console.log(Hello);??刷新一下页面，将firebug切换到“console”标签看看（图11-1），在信息区显示出了我们要输出的信息“Hello”。当然了，单凭这个就说console.log有点夸大，我们修改一下test函数，把“document.getElementById(div2).innerHTML=i;”修改为：?console.log(当前的参数是：%d,i);图11-1??刷新页面后看看结果（图11-2）。是不是挺不错的？console.log可以象c语言的printf一样实现格式化输出。我们再在脚本区加入一个语句：?console.log(2,4,window,test,document);??图11-2?刷新页面后看看结果（图11-3）。console.log可以连续输出多个对象，而且如果对象是DOM、函数，还可以直接点击去到该对象。?图11-3?如果你觉得console.log输出的文本太单调，不能表示出不同的信息，那么你可以通过console.debug、、?console.warn和console.error来代替console.log，这些函数分别会用不同的背景颜色和文字颜色来显示信息。我们来看看测试一下这些函数的输出，在脚本中加入：??console.debug(This is console.debug!);?(This is !);?console.warn(This is console.warn!);?console.error(This is console.error!);??刷新页面看看结果（图11-4）。?图11-4?有时候，为了更清楚方便的查看输出信息，我们可能需要将一些调试信息进行分组输出，那么可以使用console.group来对信息进行分组，在组信息输出完成后用console.groupEnd结束分组。我们测试一下把刚才的4个输出作为一个分组输出，修改代码为：??console.group(开始分组：);?console.debug(This is console.debug!);?(This is !);