console 订阅
console是一个英语单词,为动词、名词,作动词时意为“安慰;慰藉”。作名词时意为“[计] 控制台;[电] 操纵台;支撑架;人名;(意、罗)孔索莱 [1]  ”。 展开全文
console是一个英语单词,为动词、名词,作动词时意为“安慰;慰藉”。作名词时意为“[计] 控制台;[电] 操纵台;支撑架;人名;(意、罗)孔索莱 [1]  ”。
信息
外文名
console
词    性
动词、名词
console单词发音
英 [kən'səʊl] 美 ['kɑnsol] [1] 
收起全文
精华内容
下载资源
问答
  • F12开发者工具 Console对象进阶

    万次阅读 2020-12-14 10:02:52
    console.info相当于console.log的别名,没什么不一样 console.debug调试级别,与console.log类似,但只有在打开显示级别在verbose的情况下,才会显示 console.warn警告级别,会有黄底字及感叹号 console.error...

    1.日志输出等级

    1. console.log 最常用的日志输出函数
    2. console.info 相当于 console.log 的别名,没什么不一样
    3. console.debug 调试级别,与 console.log 类似,但只有在打开显示级别在 verbose 的情况下,才会显示
    4. console.warn 警告级别,会有黄底字及感叹号
    5. console.error 异常级别,会有红底字及X号

    2.日志格式化输出

    占位符号:

    • %s 字符串
    • %d 整数
    • %i 整数
    • %f 浮点数
    • %o 对象的链接
    • %c CSS 格式字符串

    console.log 可以接收一个或多个参数,如果有多个参数会以空格隔开,并且结尾会换行:

    console.log 如果第一个参数是 格式字符串 ,后面的参数将会依次对应上:

    也可以两种方法结合在一起使用:

    以上的规则不单单针对 log , warn 、error 等都可以使用:

    3.更详细的对象信息输出方法

    • console.dir
    • console.dirxml 只对dom元素有用,对非dom对象调用等同于 console.dir

    4.控制台命令行API

    (1) $_ 返回上一个表达式的值:

    (2) $0 - $4 :

    控制台保存了最近5个在 Elements 面板选中的 DOM 元素, $0 代表倒数第一个(最近一个), $1 代表倒数第二个,以此类推直到 $4

    (3) $(selector) 等同于 document.querySelector (在$符号没有被jquery占用的前提下)

    (4) $$(selector) 等同于 document.querySelectorAll

    (5) $x(path) 返回所有符合XPath选择器的dom元素:

    (6) inspect(object) :

    inspect(object)方法打开相关面板,并选中相应的元素,显示它的细节。DOM 元素在Elements面板中显示,比如inspect(document)会在 Elements 面板显示document元素。JavaScript 对象在控制台面板Profiles面板中显示,比如inspect(window)。

    (7) getEventListeners(object) :

    getEventListeners(object)方法返回一个对象,该对象的成员为object登记了回调函数的各种事件(比如click或keydown),每个事件对应一个数组,数组的成员为该事件的回调函数。

    (8) keys(object) , values(object) :

    keys(object)方法返回一个数组,包含object的所有键名。

    values(object)方法返回一个数组,包含object的所有键值。

    (9) monitorEvents(object[, events]) , unmonitorEvents(object[, events])

    monitorEvents(object[, events])方法监听特定对象上发生的特定事件。事件发生时,会返回一个Event对象,包含该事件的相关信息。unmonitorEvents方法用于停止监听。

    monitorEvents 允许监听同一大类的事件。所有事件可以分成四个大类:

    • mouse :"mousedown", "mouseup", "click", "dblclick", "mousemove", "mouseover", "mouseout", "mousewheel"
    • key :"keydown", "keyup", "keypress", "textInput"
    • touch :"touchstart", "touchmove", "touchend", "touchcancel"
    • control :"resize", "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"

    (10) 其他有用方法

    • clear() :清除控制台的历史。
    • copy(object) :复制特定 DOM 元素到剪贴板。
    • dir(object):显示特定对象的所有属性,是console.dir方法的别名。
    • dirxml(object) :显示特定对象的 XML 形式,是console.dirxml方法的别名。
    展开全文
  • 目录 目录 console 对象与控制台 ...console.warn(),console.error() console.table() console.count() console.dir(),console.dirxml() console.assert() console.time(),console.timeEnd() ...

    目录

    console 对象与控制台

    console

    console对象是 JavaScript 的原生对象,它有点像 Unix 系统的标准输出stdout和标准错误stderr,可以输出各种信息到控制台,并且还提供了很多有用的辅助方法。

    • console的常见用途有两个。

      1. 调试程序,显示网页代码运行时的错误信息。

      2. 提供了一个命令行接口,用来与网页代码互动。

    console 对象的静态方法

    console对象提供的各种静态方法,用来与控制台窗口互动。

    console.log(),console.info(),console.debug()

    console.log() 用于在控制台输出信息。它可以接受一个或多个参数,将它们连接起来输出。

    console.log('Hello World')
    // Hello World
    console.log('a', 'b', 'c')
    // a b c

    console.log() 会自动在每次输出的结尾,添加换行符。

    console.log(1);
    console.log(2);
    console.log(3);
    // 1
    // 2
    // 3

    格式占位符

    如果第一个参数是格式字符串(使用了格式占位符),console.log方法将依次用后面的参数替换占位符,然后再进行输出。

    console.log(' %s + %s = %s', 1, 1, 2)
    //  1 + 1 = 2

    console.log() 支持以下占位符,不同类型的数据必须使用对应的占位符。

    • %s 字符串

    • %d 整数

    • %i 整数

    • %f 浮点数

    • %o 对象的链接

    • %c CSS 格式字符串

    var number = 11 * 9;
    var color = 'red';
    
    console.log('%d %s balloons', number, color);
    // 99 red balloons
    • css 样式
    console.log(
      '%cThis text is styled!',
      'color: red; background: yellow; font-size: 24px;'
    )

    上面代码运行后,输出的内容将显示为黄底红字。

    console.info 是 console.log() 的别名,用法完全一样。只不过console.info() 会在输出信息的前面,加上一个蓝色图标。

    console.debug 方法与 console.log() 类似,会在控制台输出调试信息。

    但是,默认情况下,console.debug 输出的信息不会显示,只有在打开显示级别在 verbose 的情况下,才会显示。

    • 方法的覆盖
    ['log', 'info', 'warn', 'error'].forEach(function(method) {
      console[method] = console[method].bind(
        console,
        new Date().toISOString()
      );
    });
    
    console.log("出错了!");
    // 2014-05-18T09:00.000Z 出错了!

    console.warn(),console.error()

    warn方法和error方法也是在控制台输出信息,它们与log方法的不同之处在于,

    warn方法输出信息时,在最前面加一个黄色三角,表示警告;

    error方法输出信息时,在最前面加一个红色的叉,表示出错。

    同时,还会高亮显示输出文字和错误发生的堆栈。其他方面都一样。

    console.error('Error: %s (%i)', 'Server is not responding', 500)
    // Error: Server is not responding (500)
    console.warn('Warning! Too few nodes (%d)', document.childNodes.length)
    // Warning! Too few nodes (1)

    console.table()

    var languages = [
      { name: "JavaScript", fileExtension: ".js" },
      { name: "TypeScript", fileExtension: ".ts" },
      { name: "CoffeeScript", fileExtension: ".coffee" }
    ];
    
    console.table(languages);

    console.count()

    count方法用于计数,输出它被调用了多少次。

    function greet(user) {
      console.count();
      return 'hi ' + user;
    }
    
    greet('bob')
    //  : 1
    // "hi bob"
    
    greet('alice')
    //  : 2
    // "hi alice"
    
    greet('bob')
    //  : 3
    // "hi bob"

    console.dir(),console.dirxml()

    dir 方法用来对一个对象进行检查(inspect),并以易于阅读和打印的格式显示。

    console.log({f1: 'foo', f2: 'bar'})
    // Object {f1: "foo", f2: "bar"}
    
    console.dir({f1: 'foo', f2: 'bar'})
    // Object
    //   f1: "foo"
    //   f2: "bar"
    //   __proto__: Object

    上面代码显示dir方法的输出结果,比log方法更易读,信息也更丰富。

    console.assert()

    console.assert() 方法主要用于程序运行过程中,进行条件判断,如果不满足条件,就显示一个错误,但不会中断程序执行。

    这样就相当于提示用户,内部状态不正确。

    它接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会提示有错误,在控制台输出第二个参数,否则不会有任何结果。

    console.assert(false, '判断条件不成立')
    // Assertion failed: 判断条件不成立
    
    // 相当于
    try {
      if (false) {
        throw new Error('判断条件不成立');
      }
    } catch(e) {
      console.error(e);
    }

    console.time(),console.timeEnd()

    这两个方法用于计时,可以算出一个操作所花费的准确时间。

    console.time('Array initialize');
    
    var array= new Array(1000000);
    for (var i = array.length - 1; i >= 0; i--) {
      array[i] = new Object();
    };
    
    console.timeEnd('Array initialize');
    // Array initialize: 1914.481ms

    time方法表示计时开始,timeEnd方法表示计时结束。它们的参数是计时器的名称。调用timeEnd方法之后,控制台会显示“计时器名称: 所耗费的时间”。

    console.group(),console.groupEnd(),console.groupCollapsed()

    console.group和console.groupEnd这两个方法用于将显示的信息分组。它只在输出大量信息时有用,分在一组的信息,可以用鼠标折叠/展开。

    console.group('一级分组');
    console.log('一级分组的内容');
    
    console.group('二级分组');
    console.log('二级分组的内容');
    
    console.groupEnd(); // 一级分组结束
    console.groupEnd(); // 二级分组结束

    console.groupCollapsed()console.group() 很类似,唯一的区别是该组的内容,在第一次显示时是收起的(collapsed),而不是展开的。

    console.trace(),console.clear()

    console.trace() 显示当前执行的代码在堆栈中的调用路径。

    console.trace()
    // console.trace()
    //   (anonymous function)
    //   InjectedScript._evaluateOn
    //   InjectedScript._evaluateAndWrap
    //   InjectedScript.evaluate

    debugger 语句

    debugger语句主要用于除错,作用是设置断点。

    如果有正在运行的除错工具,程序运行到debugger语句时会自动停下。如果没有除错工具,debugger语句不会产生任何结果,JavaScript 引擎自动跳过这一句。

    Chrome 浏览器中,当代码运行到debugger语句时,就会暂停运行,自动打开脚本源码界面。

    for(var i = 0; i < 5; i++){
      console.log(i);
      if (i === 2) debugger;
    }

    上面代码打印出0,1,2以后,就会暂停,自动打开源码界面,等待进一步处理。

    控制台命令行 API

    浏览器控制台中,除了使用console对象,还可以使用一些控制台自带的命令行方法。

    $_

    $_ 属性返回上一个表达式的值。

    2 + 2
    // 4
    $_
    // 4

    $0 - $4

    控制台保存了最近5个在 Elements 面板选中的 DOM 元素,$0 代表倒数第一个(最近一个),$1 代表倒数第二个,以此类推直到$4。

    $(selector)

    $(selector) 返回第一个匹配的元素,等同于 document.querySelector()

    注意,如果页面脚本对 $ 有定义,则会覆盖原始的定义。

    比如,页面里面有 jQuery,控制台执行 $(selector) 就会采用 jQuery 的实现,返回一个数组。

    $$(selector)

    $$(selector) 返回选中的 DOM 对象,等同于 document.querySelectorAll()

    $x(path)

    $x(path) 方法返回一个数组,包含匹配特定 XPath 表达式的所有 DOM 元素。

    $x("//p[a]")

    上面代码返回所有包含 a 元素的 p 元素。

    inspect(object)

    inspect(object) 打开相关面板,并选中相应的元素,显示它的细节。

    DOM 元素在Elements面板中显示,比如inspect(document)会在 Elements 面板显示document元素。

    JavaScript 对象在控制台面板Profiles面板中显示,比如inspect(window)。

    keys(object),values(object)

    keys(object) 方法返回一个数组,包含 object 的所有键名。

    values(object) 方法返回一个数组,包含 object 的所有键值。

    var o = {'p1': 'a', 'p2': 'b'};
    
    keys(o)
    // ["p1", "p2"]
    values(o)
    // ["a", "b"]

    monitorEvents(object[, events]) ,unmonitorEvents(object[, events])

    monitorEvents(object[, events]) 方法监听特定对象上发生的特定事件。

    事件发生时,会返回一个Event对象,包含该事件的相关信息。unmonitorEvents() 用于停止监听。

    monitorEvents(window, "resize");
    monitorEvents(window, ["resize", "scroll"])

    其他

    命令行 API 还提供以下方法。

    • clear():清除控制台的历史。

    • copy(object):复制特定 DOM 元素到剪贴板。

    • dir(object):显示特定对象的所有属性,是console.dir方法的别名。

    • dirxml(object):显示特定对象的 XML 形式,是console.dirxml方法的别名。

    原文地址

    原文地址

    本教程采用知识共享 署名-相同方式共享 3.0协议

    目录导航

    目录导航

    展开全文
  • idea显示console console不小心关闭了

    万次阅读 2019-08-09 09:20:27
    Idea的控制台窗口丢失、Idea的控制台窗口不小心关闭、Idea的控制台Console关闭 由于本人误操作,不小心关闭了idea debug中的console界面, 找了很久,终于找到回复显示console的方法 如下图: 点击上图标出...

    Idea的控制台窗口丢失、Idea的控制台窗口不小心关闭、Idea的控制台Console关闭

    由于本人误操作,不小心关闭了idea debug中的console界面,

    找了很久,终于找到回复显示console的方法
    如下图:

    点击上图标出位置,即可恢复默认设置!

    展开全文
  • console.log和console.info与console.debug的区别console.log()、console.info()与console.debug()都是在控制台中打印信息用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的...

    console.log()、console.info()与console.debug()都是在控制台中打印信息

    用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的,本质上是没有区别的,只不过名字叫的不一样而已

    其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标,而且谷歌浏览器和opera不支持console.debug()。
    在这里插入图片描述
    在这里插入图片描述
    大家会发现在火狐浏览器当中console.info前面有一个小的图标,而在谷歌浏览器当中是没有的,是跟console.log()一样的
    在这里插入图片描述
    而在谷歌浏览器当中console.debug()是不支持的

    展开全文
  • idea显示console

    万次阅读 多人点赞 2019-07-01 10:18:25
    由于本人误操作,不小心关闭了idea debug中的console界面,找了很久,终于找到回复显示console的方法 如下图: 点击上图标出位置,即可回复默认设置!! ...
  • console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而...
  • 自制Console

    千次阅读 2019-09-13 15:11:11
    Console线扩展: 网络设备Console口一般为RJ-45接口 通过一端为RJ-45一端为DB-9的母头形成的Console连接到主机 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
  • 问题描述 从控制台输入中一般都会使用Scanner类,但是读取密码时JavaSE6... Console console = System.console();  System.out.println(console);  System.out.print("请输入你的名字:");  String ...
  • Unexpected console statement

    万次阅读 2019-08-04 16:50:52
    Unexpected console statement Vue3.0 console.log()语法报错 解决方法1 只需要改成window.console.log() 即可解决如 window.console.log(error); 解决方法2 打开:package.json 文件,找到eslintConfig 在rules ...
  • 推荐一个比较好用的VSCode插件:javascript console utils 它的主要功能是快速的生成console.log(),再调试js的过程中难免要打印一些东西,所以快速生成就很爽 下载安装好就可以用了 使用方法: 先选中变量 然后按...
  • 浏览器console命令

    千次阅读 2019-05-18 13:54:34
    作为一名前端开发人员,在调试中使用最多的就是console命令,通过console命令可以在控制台打印一些信息,这些信息便于我们进行开发调试。工欲善其事必先利其器,这篇文章主要来讲一讲console的神奇功能。 二、...
  • postman怎么打开console控制台,打印console.logpostman在哪显示console.log日志呢?操作步骤 postman在哪显示console.log日志呢? 在脚本中使用变量时,要怎么看到变量获取到的值,使用Postman Console去实现的。 ...
  • console.log和console.info

    千次阅读 2018-03-13 16:42:18
    今天看视频时发现一个新的显示,console.info, 之前一直用console,log 不知道这个是什么意思,查了后: 没找到合适的答案,暂且把它当成一样的吧
  • Console.readkey():监听键盘事件,按任意键执行退出。  Console.read():读取键盘输入的第一个字符,返回ASCII值。按下回车键退出  Console.readline():读取所有字符,返回字符串。按下回车键退出  ...
  • Console.readkey():监听键盘事件,可以理解为按任意键执行。  Console.read():读取键盘输入的第一个字符,返回ASCII值。回车退出  Console.readline():读取所有字符,返回字符串。回车退出  Console.Write...
  • console.time和console.timeEnd用法

    千次阅读 2017-12-14 11:45:40
    console.time和console.timeEnd用法console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要,JavaScript的执行性能也日益受到重视,WEB...
  • console常用方法

    千次阅读 2019-04-21 16:18:20
    console常用方法 console.log:输出普通信息 console.warn:输出警示信息。 console.info:输出提示性信息。 console.error:输出错误信息。 console.debug:输出调试信息。 console.group:开始一组输出信息...
  • 一、console.log格式化打印 console.log格式化这一用法一般都在个人博客或其他官网上有,当F12查看网页元素时,在控制台(console)那里偶尔会发现一些个性化的输出,感觉很奇特很好玩,其实现原理不难看一遍就晓得,...
  • IDEA控制台Console里没有查找快捷键

    万次阅读 多人点赞 2016-12-08 11:53:25
    IntelliJ IDEA版本:2016.2.1 问题描述: ...发现在控制台Console里没有查找快捷键功能。 解决: 在网上找了好久也没有发现有效的信息,只好自己耐心的逐项对比了,发现在Keymap为Eclipse方式下,
  • 浅析 HTML console

    2019-07-30 15:01:05
    console.log('hello'); console.info('信息'); console.error('错误'); console.warn('警告'); 2. 占位符 console 支持 printf 的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f) 和对象 (%o) ...
  • linux console

    千次阅读 2017-12-03 01:17:11
    2.从内核第二阶段启动分析控制台console注册流程 路径: linux-3.10.101/init/main.c asmlinkage void __init start_kernel(void) { //...... pr_notice("Kernel command line: %s\n", boot_...
  • console.time 和 console.timeEnd 方法允许开发者在任意代码中使用, 显示的结果是中间持续的运行时间, 以毫秒为单位. 由于JavaScript性能越来越重要, 所以了解基本的基准测试技术对程序员来说是挺有用的。其中最简单...
  • console类型

    千次阅读 2016-12-01 11:21:05
    最常用的语句就是console.log(expression)了。 然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想...
  • Kafka常用命令之kafka-console-consumer.sh

    万次阅读 热门讨论 2019-04-06 15:29:10
      kafka-console-consumer.sh 脚本是一个简单的控制台 Consumer。此脚本的功能通过调用 ConsoleConsumer 实现。
  • 电脑Console连接设备

    万次阅读 2019-11-25 21:49:18
    配置console连接密码 ...[Huawei]user-interface console 0 //进入console [Huawei-ui-console0]authentication-mode password //配置密码登录 Please configure the login password (maximum len...
  • pycharm console配置

    千次阅读 2019-09-17 12:18:28
    1.pycharm中console和terminal的区别 原文链接:https://blog.csdn.net/qq_36309480/article/details/82702021 Pycharm的下方工具栏中有两个窗口:Python Console和Terminal 其中,Python Console叫做Python...
  • 避免console错误,console兼容

    千次阅读 2015-03-17 21:20:35
    (1)写js代码时写了很多console.log进行日志打印,最后上生产时不想删除代码,但是也不想输出 (2)ie在不打开f12控制台时,日志输出会失败,导致后续js不执行,所以需要适时屏蔽js日志输出 1、重写浏览器...
  • 使用RocketMQ Console源码搭建RocketMQ Console与基本使用

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 386,023
精华内容 154,409
关键字:

console