`

FireBug Console API

阅读更多

console.log(object[, object, ...])
在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。

第一个参数可以是一个包含格式化占位符输出的字符串,例如:
console.log("The %s jumped over %d tall buildings", animal, count);

上面的例子可以用下面的无格式化占位符输出的代码替换:
console.log("The", animal, "jumped over", count, "tall buildings");

并且,这两种方式是可以组合使用的。如果使用了格式化占位符,而提供的参数的个数多于占位符的个数,那么,多余的参数会以空格分隔的方式附加在字 符串后面,就像:
console.log("I am %s and I have:", myName, thing1, thing2, thing3);

如果参数是一个Javascript对象,那么在控制台输出的就不是静态文字,而是一个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript对象。
console.log("Body tag is %o", document.body);

格式化字符串列表:
格式化字符串 类型
%s 字符串
%d, %i 整型(暂不支持数字型)
%f 浮点型 (暂不支持数字型)
%o 链接对象

console.debug(object[, object, ...])
在控制台输出一条消息,包含一个指向代码调用位置的超链接。假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一 样)。

console.info(object[, object, ...])
在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接。

console.warn(object[, object, ...])
在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接。

console.error(object[, object, ...])
在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接。

console.assert(expression[, object, ...])
测试表达式expression是否为真。如果不是真,会在控制台写一条消息并抛出异常

console.dir(object)
以列表形式输出一个对象的所有属性,有点和你查看DOM窗口相类似。

console.dirxml(node)
输出一个HTML或者XML元素的XML源代码。和你在HTML窗口看到的相似。

console.trace()
Prints an interactive stack trace of JavaScript execution at the point where it is called.

The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, ...])
输出一条消息,并打开一个嵌套块,块中的内容都会缩进。调用console.groupEnd()关闭块。该命令可以嵌套使用。

console.groupEnd()
关闭最近一个由console.group打开的块。

console.time(name)
创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒)。

console.timeEnd(name)
停止同名的计时器并输出所耗时间(毫秒)。

console.profile([title])
打开Javascript性能测试开关。可选参数title会在打印性能测试报告时在报告的开头输出。

console.profileEnd()
关闭Javascript性能测试开关并输出报告。

console.count([title])
Writes the number of times that the line of code where count was called was executed. The optional argument title will print a message in addition to the number of the count.

分享到:
评论

相关推荐

    JavaScript 新手24条实用建议[TUTS+]

    注:本文多次用到Firebug的console对象,请参考Firebug Console API 。关于firebug的更详细介绍,请猛击这里。1. 用 === 代替 ==JavaScript里有两种不同的相等运算符:===|!== 和==|!=。相比之下,前者更值得推荐。...

    firebug调试技巧

    - 示例:`console.warn("Deprecated API usage detected.");` - **console.error**:用于输出错误信息。 - 示例:`console.error("Critical error:", err);` - **console.debug**:用于输出调试信息。 - 示例:`...

    firebug怎么使用?.docx

    Firebug提供了丰富的console对象方法,如`console.debug()`, `console.info()`, `console.warning()`和`console.error()`,它们帮助开发者追踪代码中的各种信息。 8. **AJAX调试** Firebug对于AJAX请求的追踪非常...

    FireBug使用方法

    - 使用Command Line API执行JavaScript命令,获取对象信息,进行复杂的调试操作。 - 自定义快捷键,提高工作效率。 - 配合其他Firefox扩展,如Web Developer,实现更全面的开发辅助。 总的来说,Firebug是Web...

    Firebug 1.2 技巧手册

    #### 命令行 API Firebug 的命令行提供了多种实用的功能,例如: - `$ (id)`: 返回具有指定 ID 的单个元素。 - `$$ (selector)`: 返回与指定 CSS 选择器匹配的所有元素数组。 - `$x (xpath)`: 返回与指定 XPath ...

    XMLHTTP API学习总结

    - **Firebug的使用**: 使用Firebug的`console.dir()`方法可以帮助开发者查看XMLHttpRequest对象的属性和方法。例如,通过`var xml = XMLHttpRequest.responseXML; console.dir(xml);`可以查看XML文档的结构。 - **...

    JavaScript中的console.group()函数详细介绍

    console.group()函数是Web控制台(Console)API的一部分,它可以创建一个新的可折叠的分组,从而使得输出的信息更加清晰有序。在分组中,开发者可以使用console.log()或其他控制台输出函数输出日志信息,这些信息...

    scrapy1.1 帮助文档

    - **使用Firebug进行抓取(Using Firebug for scraping)**:借助Firebug插件增强对网页动态内容的理解。 - **内存泄漏调试(Debugging memory leaks)**:探讨如何识别和修复Scrapy爬虫中的内存泄漏问题。 - **文件和...

    scrapy爬虫框架

    5. Using Firefox for scraping:使用Firefox进行网页抓取,Scrapy可以与Firefox以及Firefox的开发工具Firebug协同工作。 6. Debugging memory leaks:调试内存泄漏,这对于保持爬虫的稳定运行非常重要。 最后,...

    scrapy官方手册

    **3.4 Telnet Console(Telnet控制台)** Telnet控制台允许远程访问正在运行的Scrapy项目,方便进行实时监控和调试。 **3.5 Web Service(Web服务)** Scrapy可以作为Web服务运行,允许通过HTTP API远程控制爬虫...

    scrapy 教程

    3. Using Firefox for scraping(使用Firefox进行抓取):Scrapy支持集成Firefox浏览器,利用浏览器的插件(如Firebug)进行元素选择和调试。 4. Downloading Item Images(下载项目图片):Scrapy提供了下载图片的...

    firefox火狐浏览器

    此外,还有Firebug、Web Console、开发者工具栏等,这些工具集成了HTML、CSS、JavaScript的调试功能,为开发者提供了极大的便利。 2. **安全性**:Firefox重视用户隐私和数据安全,经常更新以修复潜在的安全漏洞,...

Global site tag (gtag.js) - Google Analytics