`

Javascript console对象【转载】

阅读更多
引用


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])
分享到:
评论

相关推荐

    JavaScript获取系统时间(转载)

    在探讨如何利用JavaScript获取系统时间之前,我们先来理解一下JavaScript中的Date对象,它是处理日期和时间的关键。Date对象提供了多种方法,可以用来获取当前或指定的日期和时间信息,包括年、月、日、小时、分钟、...

    Javascript - 全面理解 caller,callee,call,apply (转载)

    在JavaScript的函数对象中,`caller`属性表示调用当前函数的那个函数,而`callee`属性则是指代当前正在执行的函数本身。这两个属性在处理递归或者动态调用链时特别有用,因为它们可以提供关于调用栈的信息。 `...

    Javascript 判断 object 的特定类转载

    在JavaScript中,对对象进行类型判断是编程过程中常见的需求,特别是在处理动态数据或者需要执行不同操作根据对象类型时。本文将深入探讨如何在JavaScript中判断一个对象是否属于特定的类或构造函数。 首先,...

    (转载文章)jquery日期显示中文

    【描述】:虽然原始的jQuery库本身并不直接提供日期格式化的功能,但我们可以借助于扩展插件或者JavaScript内置的Date对象以及一些字符串处理方法来实现日期的中文显示。博客链接指向的是一个ITeye上的博客文章,该...

    JDK 6.2.3文文档.rar

    JAXB2实现对象与XML之间的映射 StAX Compiler API 轻量级 Http Server API 插入式注解处理API(Pluggable Annotation Processing API) 用Console开发控制台程序 对脚本语言的支持(如:ruby,groovy,javascript) ...

    XMLHttpRequest中文参考手册(8)

    `XMLHttpRequest` 对象是一个内置的 JavaScript 对象,用于在浏览器与服务器之间进行异步数据交换。它被广泛用于 AJAX(Asynchronous JavaScript and XML)开发中。 ##### 成员方法及属性 - **`onreadystatechange...

    arthas命令总结(转载)

    3. AScript:支持JavaScript和Groovy脚本,增强命令的灵活性和可扩展性。 4. `tt`(Time Travel):时间旅行功能,可以回溯到过去的某个时间点查看程序状态。 五、应用场景 1. 问题排查:当遇到线上问题时,可以...

    XMLHttpRequest中文参考手册

    console.log(xmlHttpReq.responseText); } }; ``` **`send()` 方法** 的使用取决于请求类型。对于 GET 请求,通常不需要参数;而对于 POST 请求,可以通过 `send()` 方法发送数据: ```javascript xmlHttpReq....

Global site tag (gtag.js) - Google Analytics