现在的位置: 首页 > 综合 > 正文

Firebug 控制台指令

2019年10月30日 ⁄ 综合 ⁄ 共 2304字 ⁄ 字号 评论关闭

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作为输出标题。

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

1
2
3
4
5
6
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
入门指南

转自:http://www.impng.com/web-dev/firebug-command.html

【上篇】
【下篇】

抱歉!评论已关闭.