`
bluedusk
  • 浏览: 270109 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript Console用法

 
阅读更多

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])

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 console的使用方法实例分析

    本文实例讲述了JavaScript console的使用方法。分享给大家供大家参考,具体如下: Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大...

    Javascript中字符串相关常用的使用方法总结

    ### JavaScript中字符串相关常用的使用方法总结 #### 一、引言 JavaScript作为一种广泛使用的脚本语言,被大量应用于Web开发之中。其中,字符串处理是非常重要的一个方面,涉及到数据的读取、修改、拼接等操作。...

    consolepolyfill能放心的使用consolelog之类的console方法

    在JavaScript开发过程中,调试是必不...总的来说,`console-polyfill`是JavaScript开发者解决`console`对象兼容性问题的一个优秀解决方案,它使得我们能够在各种环境中安心使用`console`方法,提升开发效率和代码质量。

    09 - Console 调试各种姿势指南.rar

    1. 输出信息:`console.log()`是最常用的调试方法,用于在控制台打印变量或表达式的结果。例如: ```javascript let message = 'Hello, World!'; console.log(message); ``` 2. 错误提示:`console.error()`用于记录...

    JavaScript的console命令使用实例

    JavaScript的console对象提供了不同级别的日志输出方法,主要包括: - console.log():用于输出一般的信息。 ***():用于输出信息性消息。 - console.warn():用于输出警告信息。 - console.error():用于输出错误...

    JavaScript中this关键字使用方法详解

    在本文中,我们将深入探讨`this`在JavaScript中的工作原理,以及在不同场景下的用法。 1. **函数调用方式** 在函数调用中,`this`的值取决于函数被调用的方式。如果函数是作为对象的方法调用,`this`将指向调用该...

    firbug之console 小结

    使用`console.select()`方法可以选择DOM元素并高亮显示。 六、网络请求追踪 网络面板可以帮助开发者追踪HTTP请求,查看加载时间、响应头、请求头和响应数据,这对于优化页面加载速度和调试API调用非常有用。 七、...

    navigator-检测浏览器版本-javascript

    以上就是使用 `navigator` 对象进行浏览器版本检测的基本方法。需要注意的是,由于不同浏览器对 `navigator` 属性的支持程度不同,且存在一定的安全性和隐私问题,因此在实际应用中还需要结合其他方法进行综合判断。

    filter-console过滤掉不需要的console.log()输出

    它的主要功能是拦截`console.log()`及其他相关console方法(如`console.info()`, `console.warn()`, `console.error()`等),并允许开发者定义规则,筛选出希望看到的日志信息。 这个库的使用非常简单。首先,你...

    灵活使用console让js调试更简单的方法步骤

    本文主要探讨了如何灵活使用`console`的各种方法来简化JS调试过程,提高效率和直观性。 首先,`console.log()`是最基础也是最常用的调试方法,用于输出变量或表达式的结果。然而,它远不止于简单的打印。`console....

    javascript代码调试之console.log 用法图文详解

    总的来说,`console.log`以及相关的控制台方法在JavaScript调试中扮演着至关重要的角色。它们不仅可以帮助你查看变量的当前状态,还可以输出错误、警告,甚至分析代码执行的效率。熟悉并熟练使用这些方法,能够极大...

    IE 中使用 Console

    在 IE 中,可以使用 `console.dir()` 方法来查看对象的详细信息,包括其属性和方法。例如: ```javascript var obj = {name: "John", age: 30}; console.dir(obj); ``` ### 五、断点和步进执行 在开发者工具的脚本...

    JavaScript例子——计算

    9. **数组操作**:数组是JavaScript中的重要数据结构,可以使用`push()`, `pop()`, `shift()`, `unshift()`, `slice()`, `splice()`等方法进行操作。 10. **对象与属性**:JavaScript对象可以通过点号或方括号来...

    console-remote:用于Node.js和浏览器的远程JavaScript Console.Re连接器

    连接器脚本扩展了console对象,从而添加了新的方法来通过以下方法将消息发送到远程记录器: console.re.type(); console.re.assert(); console.re.time(); console.re.timeEnd(); console.re.now(); console.re....

    Javascript的this用法

    ### JavaScript中的`this`用法详解 在JavaScript中,`this`关键字的使用十分常见,但也是最容易引起混淆的部分之一。正确理解`this`的工作原理对于编写高效、可靠的代码至关重要。本文将深入探讨`this`在不同上下...

    JavaScript函数大全Word版

    创建字符串对象并使用方法。例如: ```javascript let myString = new String("This is lightsword"); console.log(myString.length); // 输出字符串长度 ``` ##### 32. 字符串大小写转换 使用 `toUpperCase` 和 `...

    JS调试-Console命令详解

    JavaScript调试是Web开发中不可或缺的一部分,而`console`命令则是开发者在浏览器中进行JS调试的得力工具。本文将深入讲解`console`对象提供的各种方法,帮助你更好地理解和利用这些功能来提升调试效率。 首先,最...

    Javascript的console['']常用输入方法汇总

    JavaScript的`console`对象是开发者调试代码的重要工具,它提供了多种方法来输出信息,帮助我们理解程序的运行状态。在本文中,我们将深入探讨几种常用的`console`输入方法。 1. **console.log()** `console.log()...

    JavaScript调试技巧之console.log()详解

    JavaScript调试是...通过熟练掌握`console.log()`及其相关方法,JavaScript开发者能够更高效地定位和解决代码中的问题,提升开发效率。在实际项目部署时,记得移除或注释掉这些调试语句,以保持代码的整洁和性能。

Global site tag (gtag.js) - Google Analytics