`

js控制台输出console

 
阅读更多

 

介绍:

   js的console你可以在firefox的firedbug或者ie和google的f12调试模式下看到,这些主流浏览器的调试模式的控制可以输出一些信息,你的一些js代码测试可以直接在console窗口输入然后运行查看结果,省了部署工程和刷新页面的时间;当然你有一些特殊代码的测试,比如需要后台数据或者页面效果的,一般情况大家喜欢用的都是js代码直接使用alert输出测试信息,这样做会中断程序跳出线程;这时候还有一个不错的选择那就是使用控制台的日志,即console.log;下面为大家一一介绍console的一些用法,部分摘自网络:

1.console.log

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

链接对象

2.其他级别,debug、warn、error、assert等

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 itis called.

The stack trace details the functions onthe stack, as well as the values that were passed as arguments to eachfunction. You can click each function to take you to its source in the Scripttab, 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(nam)

 

http://blog.csdn.net/yangkai_hudong/article/details/16885513

 

分享到:
评论

相关推荐

    Qt6 QML Book/JavaScript/创建JS控制台示例源码

    在本文中,我们将深入探讨如何在Qt6 QML中创建一个JavaScript控制台示例,以及相关的编程技术。QML(Query Markup Language)是Qt框架的一部分,用于构建用户界面,而JavaScript则是QML中的主要脚本语言,用于实现...

    7-console (控制台).pdf

    控制台(Console)是 Node.js 中的一个全局对象,用于输出信息到控制台或文件流。控制台(Console)对象包含多种方法,用于输出不同级别的信息,例如输出普通信息、警告信息、错误信息等。 控制台(Console)对象的...

    JS 仿百度控制台输出信息

    **JS 仿百度控制台输出信息** 在前端开发过程中,我们常常使用浏览器的开发者工具来调试JavaScript代码,其中控制台(Console)是我们查看程序运行状态、输出信息的重要工具。这篇博文探讨了如何使用JavaScript实现...

    js控制台输出的方法(详解)

    首先,`console.log()`是最常用的控制台输出方法,用于打印消息到浏览器的JavaScript控制台。它接受一个或多个参数,这些参数会被以空格分隔的方式输出。例如,`console.log("Hello", "World")`会在控制台上打印...

    node-console-style:向 node.js 控制台输出添加颜色和样式

    向 node.js 控制台输出添加颜色和样式。 备择方案 ,但它修改了String.prototype ,因此是错误的。 安装 $ npm install console-style 用法 var style = require ( 'console-style' ) ; // Output bold, ...

    symbols:JavaScript 控制台输出的颜色符号(Node io.js)

    总结,通过掌握JavaScript控制台输出的颜色符号,我们可以使程序的日志和调试信息更易阅读,提高开发效率。同时,了解和利用第三方库可以进一步简化这个过程,确保在各种终端环境下的兼容性。在"symbols-master"这个...

    express-console:将控制台输出显示到html页面

    简单的程序包允许将控制台输出显示到Web浏览器 安装方式 通过npm: npm install express-console 通过github: npm install "git+https://github.com/Scorpio1337/express-console.git" 用法 例如,这是简单的...

    JS 使用Unicode编码向控制台输出信息

    这篇博客将探讨如何在JavaScript中使用Unicode编码来向控制台输出信息。 Unicode编码是一种统一的字符集,它为每个字符分配了一个唯一的数字,这个数字称为码点。在JavaScript中,Unicode字符可以通过`\u`后跟四位...

    log美化控制台日志输出

    在JavaScript开发过程中,控制台日志输出是调试和理解代码运行状态的重要手段。"log美化控制台日志输出"这个主题关注的是如何让这些日志更易于阅读、理解和分析,从而提升开发效率。通常,这涉及到对日志的格式化、...

    js代码-控制台的输入和输出

    在JavaScript中,我们通常使用`console.log()`函数来在浏览器的开发者控制台输出信息。这个函数可以接收任何类型的数据作为参数,如字符串、数字、对象等,并将它们打印出来。例如: ```javascript console.log(...

    codemetrics-reporter-console:CodeMetrics的简单控制台输出

    "codemetrics-reporter-console"是一个专为JavaScript开发的工具,它专注于提供一种简洁的控制台输出方式来显示代码度量信息。下面将详细讨论这个工具的功能、应用场景以及与JavaScript开发的相关性。 首先,让我们...

    JS_Console:使用HTML,CSS和JSJavaScript控制台

    JavaScript控制台是Web开发中的重要工具,特别是在调试和测试JavaScript代码时。它是浏览器内置的一个功能,允许开发者查看和交互与JavaScript应用程序的运行时环境。在本篇内容中,我们将深入探讨如何利用HTML、CSS...

    console.log控制台信息前台显示代码.zip

    在JavaScript编程中,`console.log()` 是一个非常基础且重要的工具,用于在浏览器的开发者控制台输出信息。它常用于调试代码,查看变量值或跟踪程序执行流程。然而,通常这些信息只会在开发者工具的控制台中显示,不...

    移动端H5页面控制台打印信息:vconsole

    在移动端H5页面开发中,由于手机浏览器的限制,开发者往往无法直接在设备上查看到JavaScript的控制台输出信息,这给调试带来了诸多不便。为了解决这个问题,开发者社区提出了一个名为vConsole的解决方案。vConsole是...

    JS简单实现仿百度控制台输出信息效果

    本文将以“JS简单实现仿百度控制台输出信息效果”为主题,详细介绍如何使用console.log函数进行自定义的控制台输出,以及如何在HTML页面中实现类似百度控制台的展示效果。 首先,让我们看一个简单的例子: ```html...

    移动端控制台插件vConsole.min.js

    移动端控制台插件vConsole.min.js是专门为移动设备开发者设计的一款工具,用于在手机或平板等移动设备上查看和调试Web应用的JavaScript控制台。它弥补了移动浏览器原生控制台功能的不足,使得在没有电脑连接或者无法...

    Node.js-columnify-创建基于文本的列适合于控制台输出支持单元格

    "columnify" 库的主要功能是将数组或者其他结构化的数据转换成多列的形式,适合于控制台输出。这种格式化方法尤其适用于显示表格或者报告,它能够有效地利用终端的宽度,使信息一目了然。此外,"columnify" 还支持...

    利用Js的console对象,在控制台打印调式信息测试Js的实现

    既然可以这样在控制台输出信息,那以后再调试Js的时候不就可以省去很多麻烦了嘛!避免不误人子弟,特意使用for(var i in console)查看了下各种浏览器控制台对console的支持, 结果如下: IE 11 控制台 log , info , ...

Global site tag (gtag.js) - Google Analytics