藏井阁

" Scientists ask why, engineers ask why not? "

Firebug 控制台指令

Firebug 控制台指令
函数 说明
console.log(object[, object, …]) 向控制台输出一个信息。可以输入多个参数,输出将已空格分隔各参数输出。第一参数可以包含格式化文本,例如:console.log(‘这里有%d个%s’,count,apple);字符串格式:%s :字符串。%d, %i:数字。%f: 浮点数。%o -超链接对象。
console.debug(object[, object, …]) 向控制台输出一个信息,信息包含一个超链接链接到输出位置。
console.info(object[, object, …]) 向控制台输出一个带信息图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
console.warn(object[, object, …]) 向控制台输出一个带警告图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
console.error(object[, object, …]) 向控制台输出一个带错误图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
console.assert(expression[, object, …]) 测试一个表示是否为true,如果为false,提交一个例外信息到控制台。如:console.assert(typeof a==’string’, ‘argument a is not a string’);
console.dir(object) 列出对象的所有属性。
console.dirxml(node) 列出HTML或XML Element的XML源树。
console.trace() 输出堆栈的调用入口。
console.group(object[, object, …]) 将信息分组再输出到控制台。通过console.groupEnd()结束分组。
console.groupEnd() 结束分组输出。
console.time(name) 创建一个名称为name的计时器,计算代码的执行时间,调用console.timeEnd(name)停止计时器并输出执行时间。
console.timeEnd(name) 停止名称为name的计时器并输出执行时间。
console.profile([title]) 开始对脚本进行性能测试,title为测试标题。
console.profileEnd() 结束性能测试。
console.count([title]) 计算代码的执行次数。titile作为输出标题。

示例:分组输出控制台信息

console.group('分组');
console.debug('This is console.debug!');
console.info('This is console.info!');
console.warn('This is console.warn!');
console.error('This is console.error!');
console.groupEnd();
Firebug 内部函数
函数 说明
$(id) 通过id返回Element。可直接使用$而不用页面中必须导入jquery或prototype了。
$$(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) 返回由对象的属性名组成的数组。类似php中的array_keys()函数。
values(object) 返回由对象的属性值组成的数组。类似php中的array_values()函数。
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() 结束脚本性能测试。

更多细节请看阮一峰的Firebug 入门指南

类别: Web开发

Tags:

damon pang

大魔

Damo

i#impng.com

专注Web开发,爱电影,爱One Piece.