console 订阅
console是一个英语单词,为动词、名词,作动词时意为“安慰;慰藉”。作名词时意为“[计] 控制台;[电] 操纵台;支撑架;人名;(意、罗)孔索莱 [1]  ”。 展开全文
console是一个英语单词,为动词、名词,作动词时意为“安慰;慰藉”。作名词时意为“[计] 控制台;[电] 操纵台;支撑架;人名;(意、罗)孔索莱 [1]  ”。
信息
外文名
console
词    性
动词、名词
console单词发音
英 [kən'səʊl] 美 ['kɑnsol] [1] 
收起全文
精华内容
下载资源
问答
  • Console 3000字完整指南,让你不只会用console.log !

    千次阅读 多人点赞 2021-09-01 09:23:49
    笔者接触JS也不少时间了,除了用vscode的debuger,其实大部分时间都在使用console.log()方法来输出一些或者调试程序,我相信很多刚开始接触JS的同志,应该也都习惯使用console.log()。但是log的能力是有限的,并不能...

    创作不易,求一个免费的赞,谢谢啦 !!!

    image.png

    前言

    为啥会突然想起写一篇关于console的文章?笔者接触JS也不少时间了,除了用vscode的debuger,其实大部分时间都在使用console.log()方法来输出一些或者调试程序,我相信很多刚开始接触JS的同志,应该也都习惯使用console.log()。但是log的能力是有限的,并不能满足所有的场景。比如我们相用表格数据对象。

    下面这张图,纯粹是看了扫黑风暴想到的!!!

    console.log()

    大家最常用的应该就是这个属性了,不过你有没有使用这个方法输出console对象。

    console.log(console)
    

    语法

    console.log(常见JS数据)

    console.log(123)
    >> 123
    

    console.log( %s %d %f %o 等占位符写法(类似C的print))

    console.log('我是 %s','前端picker')
    >> 我是 前端picker
    

    console.log(ES6 模板字符串)

    const nickName = "前端picker"
    console.log(`我是 ${nickName}``)
    >> 我是 前端picker
    

    数组/对象会显示在一行

    console.log({object: 'object'}, {object: 'object'});
    console.log(['array', 'array'], ['array', 'array']);
    

    CSS样式美化输出

    在上面我们介绍了占位符输出,其实还有占位符%c,可以用来接收css样式。

    console.log('我是红色 %c 文字', 'color: red;');
    

    每个%c只负责它之后的文字,知道遇到下一个%c;

    console.log('This is %cred text %c 我没颜色 %c 我是绿色.', 'color: red;', '', 'color: green;');
    

    当然你也可以选择把样式定义成变量。

    let style="background: white;border: 3px solid red;color: red;font-size: 50px;margin: 40px;padding: 20px;"
    undefined
    console.log('%c我是log!', style);
    

    console.clear()

    大部分的浏览器在开发者工具都内置了清除控制条的方法。

    其实console对象也提供了clear方法来清空控制台。

    当你执行console.clear()之后

    cosole.debug()

    输出“调试”级别的消息,并且在浏览器中只有你配置了debug才可以显示。
    例如在火狐浏览器中:

    当你没有勾选调试的时候:是无法显示debug的信息的。


    只有你勾选调试的时候,才会显示。

    error()

    向 Web 控制台输出一条错误消息,并且只有才浏览器配置了errors才可以显示。

    下图是在火狐浏览器的效果

    下图是在chrome的效果

    两个浏览器都会在error的前面加上一个小图标。

    info()

    向web控制台输出一个通知信息,并且只有在浏览器配置info可见的时可以显示。
    下图是在火狐浏览器的效果

    下图是在chrome的效果

    在火狐浏览器中会在前面加上小图标,而chrome没有

    warn()

    向 Web 控制台输出一条警告信息,并且只有在浏览器配置warning可见的时可以显示。

    下图是在火狐浏览器的效果

    下图是在chrome的效果

    两个浏览器都会在warn的前面加上一个小图标。

    console.count()

    输出 count() 被调用的次数。此函数接受一个可选参数 label,如果你不设置参数的话,这个参数默认名叫**“default”**。

    用来统计

    console.count('我是');
    console.count('前端picker');
    console.count('我是');
    console.count('前端picker');
    console.count('我是');
    console.count('前端picker');
    

    通过下图可以看到,针对不同的参数,count()是分别累计的。

    console.countReset()

    用来重启计数器的.同样也接收一个label参数,


    如果提供了参数label,此函数会重置与label关联的计数。

    如果省略了参数label,此函数会重置默认的default计数器。

    console.dir()

    在控制台中显示指定JavaScript对象的属性,并通过类似文件树样式的交互列表显示。
    也就是语法是:

    console.dir(object)
    
    const auther = {
      name: '前端picker',
      age: '18',
    
    };
    
    console.log(auther);
    console.dir(auther);
    

    在chrome浏览器中,是支持这个属性的,下图可以看出与log的不同

    但是在火狐浏览器中,log和dir的输出一致,不同的是火狐会默认展开dir的结果。

    当然log和dir在输出dom结构的时候是完全不同的。不过这个我们放在dirxml方法中学习。

    console.dirxml()

    显示一个明确的XML/HTML元素的包括所有后代元素的交互树。 如果无法作为一个element被显示,那么会以JavaScript对象的形式作为替代。 它的输出是一个继承的扩展的节点列表,可以让你看到子节点的内容。

    同时也支持object。

    在dir中我们把DOM留到了这里。
    创建一个DOM对象

    var childNode = document.createElement('p');
    childNode.innerHTML = '<span>这里是提示信息〜〜</span>';
    

    使用log/dir/dirxml输出

    log


    dir

    dirxml

    可以看出log和dirxml的输出效果是一致的,是以DOM的形式输出的,dir则输出的是属性的值。

    group()、groupCollapsed() 和 groupEnd()

    将不同的控制台输出组合在一起以显示它们之间的一种关系形式。通常是组合在一起使用的。

    group接收一个参数,表示组名,如果不设置的话,在不同的浏览器表现不一致,浏览器默认展开组。

    groupCollapsed()与group的不同在于groupCollapsed会自动折叠组。

    groupEnd()表示组的结束。

    group+groupEnd

    console.group();
    console.log('name:');
    console.log('前端picker');
    console.groupEnd();
    
    console.group('参数');
    console.log('age');
    console.log('18');
    console.groupEnd();
    

    下面是chrome的效果。不设置组名的话,默认是console.group,同时一组的输出会缩进。

    下面是火狐的效果不设置组名的话,默认是<无组标签>

    groupCollapsed+grounEnd

    console.groupCollapsed();
    console.log('name:');
    console.log('前端picker');
    console.groupEnd();
    
    console.group('参数');
    console.log('age');
    console.log('18');
    console.groupEnd('参数');
    

    嵌套

    console.group('下面是作者信息');
    console.log('第1项');
    console.group('name');
    console.log('前端picker');
    console.groupEnd();
    console.log('第2项');
    console.group('age');
    console.log('18');
    console.groupEnd();
    console.groupEnd();
    

    CSS样式美化-%c

    console.group('%c下面是作者信息','color:red;');
    console.log('第1项');
    console.group('name');
    console.log('前端picker');
    console.groupEnd();
    console.log('第2项');
    console.group('age');
    console.log('18');
    console.groupEnd();
    console.groupEnd();
    

    console.table()

    这个方法需要一个必须参数,参数 必须是一个数组或者是一个对象;还可以使用一个可选参数 columns。

    它会参数以表格的形式打印出来。数组中的每一个元素(或对象中可枚举的属性)将会以行的形式显示在表格中。

    表格的第一列是 index。如果数据 data 是一个数组,那么这一列的单元格的值就是数组的索引。 如果数据是一个对象。

    数组

    let ary = [
      '1',
      '2',
      '3'
    ];
    console.table(ary);
    

    object对象

    let obj = {
      name: '前端picker',
      age: '18',
    };
    console.table(obj);
    

    对象数组

    let aryOfObjects = [
      {
        name: '张三',
        age: '12',
    
      },
      {
        name: '李四',
        age: '18',
    
      },
      {
        name: '王五',
        age: '19',
      }
    ];
    console.table(aryOfObjects);
    

    如图所示,table()为我们提供了一个很好的对象布局,其中重复键作为列标签。,每个对象中的所有键都将表示为一列,无论其他对象中是否有对应的键与数据。如果对象没有键列的数据,则它显示为空。

    数组数组

    let aryOfArray = [
    [1,2,3],[3,4,5],[6,7,8]
    ];
    console.table(aryOfArray);
    

    数组数组类似于对象数组。它使用内部数组的索引作为列标签,而不是作为列标签的键。因此,如果一个数组的项目数比其他数组多,那么这些列的表中将有空白项目。就像对象数组一样。

    对象数组数组

    let aryOfArraysWithObject = [
      ['1', '2',  {
        name: '张三',
        age: '12',
    
      },],
      ['3', '4',  {
        name: '李四',
        age: '18',
    
      },}],
      ['5', '6',  {
        name: '王五',
        age: '19',
      }]
    ];
    
    console.table(aryOfArraysWithObject);
    

    在Chrome中,要查看第三列中这些对象中包含的内容,是无法展开的,也就是无法查看。。


    不过在火狐浏览器中,会自动展开,可以清除的看到结果

    time()、timeLog() 和 timeEnd()

    time()

    你可以启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字,页面中最多能同时运行10,000个计时器。当以此计时器名字为参数调用 console.timeEnd() 时,浏览器将以毫秒为单位,输出对应计时器所经过的时间。

    console.time(计时器名称)
    

    timeEnd()

    停止一个通过 console.time() 启动的计时器,并并输出结束的时间

    console.timeEnd(计时器名称)
    

    timeLog()

    在控制台输出计时器的值,该计时器必须已经通过 console.time() 启动。

    console.timeLog()(计时器名称)
    

    使用

    console.time('this is a timer');
    console.timeLog('this is a timer');
    console.timeEnd('this is a timer');
    

    计算for的时间

    console.time('this is a timer');
    for(let  i=0; i<10000000;i++){
        
    }
    console.timeLog('this is a timer');
    console.timeEnd('this is a timer');
    

    console.assert()

    console.assert()命令类似于前面提到的错误命令。不同之处在于断言允许使用布尔条件来确定是否应该将文本输出到控制台。

    例如:你想测试一个变量的值,并且这个值不等于’前端picker’,
    如果变量低于该数字并且条件解析为 true,则 assert 命令不执行任何操作。如果条件解析为 false,则显示输出文本。通过这种方式,你就不需要通过if判断是不是需要输出之后,再使用console.error()输出。

    let name = '张三';
    console.assert(name === '前端picker', '不是是前端picker,无法输出');
    let name1 = '前端picker';
    console.assert(name1 === '前端picker', '不是前端picker------1,可以输出');
    

    在Chrome中, 还可以输出显示断言来自何处。

    let value = 2;
    function chackValue() {
        chackValue3();
    }
    function chackValue2() {
        chackValue3();
    }
    function chackValue3() {
      console.assert(value < 1, 'This was false.');
    }
    chackValue();
    

    为了方便看,我们使用vscode标注了行数。

    通过下图可以看出,Chrome告诉我们断言在9行。

    console.trace

    调用堆栈

    在学习trace之前我们先来学习什么是调用堆栈!!!
    有这样四个函数 function1调用function2 ,function2调用function3,function3调用function4
    看这张图,这几个函数呈现出堆栈的特征。最后被调用的函数出现在最上方。因此称呼这种关系为调用堆栈(call stack)。
    image.png

    trace可以干啥

    用来记录 JavaScript 堆栈跟踪,同时我们还还可以添加参数,用来表示当前跟踪的名册灰姑娘。

    function f1(){
         console.log('f1')
         f2()
    }
    function f2(){
         console.log('f2')
         f3()
    }
    function f3(){
         console.log('f3')
         f4()
    }
    function f4(){
         console.log('f4')
         console.trace("f4的追踪记录");
    }
    

    从图中我们可以看到:触发 console.trace 之前调用的最后一个函数是f4。所以这将是调用堆栈的顶部。然后一次是f3,f2 ,f1
    image.png

    展开全文
  • python console

    千次阅读 2021-02-07 21:01:35
    python console关于Pycharm里面的python console选中这个run with Python Console,会在运行结果会在python console里面,而且每次ctrl+shift+F10都会产生新的python console,建议取消勾选。![]...

    关于Pycharm里面的python console

    选中这个run with Python Console,会在运行结果会在python console里面,而且每次ctrl+shift+F10都会产生新的python console,建议取消勾选。

    在这里插入图片描述

    取消run with Python Console之后,再ctrl+shift+F10就会出现在run窗口里面

    在这里插入图片描述

    如果想使用python console查看各变量信息,直接选中部分代码(确保能够单独运行的代码),右击选择Execute selection in Python Console(切记不要误点成Run File in Python Console),点击左侧加号可以添加新的console窗口,而且这些窗口可以跨.py文件使用。

    在这里插入图片描述

    展开全文
  • 自制Console

    千次阅读 2019-09-13 15:11:11
    Console线扩展: 网络设备Console口一般为RJ-45接口 通过一端为RJ-45一端为DB-9的母头形成的Console连接到主机 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...

     准备材料:DB-9母头与外壳,网线,水晶头
     

    Console线扩展:

        网络设备Console口一般为RJ-45接口

        

        通过一端为RJ-45一端为DB-9的母头形成的Console连接到主机

           

        
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    科普下并口与串口 

        并口又称为并行接口。目前,并行接口主要作为打印机端口,采用的是25 针D 形接头。所谓“并行”,是指8 位数据同时通过并行线进行传送,这样数据传送速度大大提高,但并行传送的线路长度受到限制,因为长度增加,干扰就会增加,数据也就容易出错。目前计算机基本上都配有并口。

     

        串口叫做串行接口,现在的PC 机一般有两个串行口COM 1 和COM 2 。串行口不同于并行口之处在于它的数据和控制        信息是一位接一位地传送出去的。虽然这样速度会慢一些,但传送距离较并行口更长,因此若要进行较长距离的通信时,应使用串行口。通常COM 1 使用的是9 针D 形(DB-9接口-有公{凸}母{凹}之分)连接器,也称之为RS-232接口,而COM 2 有的使用的是老式的DB25 针连接器,也称之为RS-422接口,不过目前已经很少使用。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        若要将设备端连接笔记本,还需要一条RS232(DB-9公头)转usb的转换线,因为笔记本一般没有串行接口,要借助于usb接口

        

        常用的Console线--内接线序(以RJ-45转DB-9母头为例):

        RJ-45(水晶头一端)采用T568B的线序

        

        RS232一端线序(9号孔不接)

         

        对接顺序

       

     

        公母头制作对比:

        

        详细认识下反转线:

        

     

        

    展开全文
  • idea显示console

    万次阅读 多人点赞 2019-07-01 10:18:25
    由于本人误操作,不小心关闭了idea debug中的console界面,找了很久,终于找到回复显示console的方法 如下图: 点击上图标出位置,即可回复默认设置!! ...

    由于本人误操作,不小心关闭了idea debug中的console界面,找了很久,终于找到回复显示console的方法
    如下图:
    在这里插入图片描述
    点击上图标出位置,即可恢复默认设置!!

    展开全文
  • console.log()、console.info()、console.debug()的区别

    万次阅读 多人点赞 2018-06-14 09:44:48
    console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而...
  • MinIO: Console endpoint is listening on a dynamic port , please use --console-address
  • 你不知道的console,控制台也能玩出花样~

    万次阅读 多人点赞 2019-04-14 11:26:43
    平时前端开发的过程console是大家用到的最多的命令之一,但是大部分人只会console.log(),并不知道console它还有其他很多的骚操作,今天就给大家分享一下~。 1. 首先是大家最常用来调试的console.log([data]:any[,…...
  • 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 ...
  • 浏览器console命令

    万次阅读 2019-05-18 13:54:34
    作为一名前端开发人员,在调试中使用最多的就是console命令,通过console命令可以在控制台打印一些信息,这些信息便于我们进行开发调试。工欲善其事必先利其器,这篇文章主要来讲一讲console的神奇功能。 二、...
  • console.log和console.info与console.debug的区别console.log()、console.info()与console.debug()都是在控制台中打印信息用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的...
  • console线驱动

    2014-11-11 10:46:24
    console线驱动,主要用于华为,思科交换机console调试用驱动,测试没问题
  • idea显示console console不小心关闭了

    万次阅读 2019-08-09 09:20:27
    Idea的控制台窗口丢失、Idea的控制台窗口不小心关闭、Idea的控制台Console关闭 由于本人误操作,不小心关闭了idea debug中的console界面, 找了很久,终于找到回复显示console的方法 如下图: 点击上图标出...
  • 目录 目录 console 对象与控制台 ...console.warn(),console.error() console.table() console.count() console.dir(),console.dirxml() console.assert() console.time(),console.timeEnd() ...
  • console常用方法

    千次阅读 2019-04-21 16:18:20
    console常用方法 console.log:输出普通信息 console.warn:输出警示信息。 console.info:输出提示性信息。 console.error:输出错误信息。 console.debug:输出调试信息。 console.group:开始一组输出信息...
  • 问题描述 从控制台输入中一般都会使用Scanner类,但是读取密码时JavaSE6... Console console = System.console();  System.out.println(console);  System.out.print("请输入你的名字:");  String ...
  • Console.readkey():监听键盘事件,可以理解为按任意键执行。  Console.read():读取键盘输入的第一个字符,返回ASCII值。回车退出  Console.readline():读取所有字符,返回字符串。回车退出  Console.Write...
  • console驱动,win10

    2018-11-29 10:42:08
    console驱动,win10
  • 使用console配置线连接真机路由器

    万次阅读 多人点赞 2021-03-14 19:57:44
    1、首先要准备的东西: 1.1 思科路由器 一台 1.2 电源线 1.3 电源线USB转console配置线 1.4 工具“SecureCRT...2.1 思科路由器用电源线接电源,使用USB转console配置线接入到路由器的console口,然后开机; 。。。
  • 平时打一个console.log()需要半天,如果console打错了又是需要半天找错,webpack构建的小项目还好,万一是大项目或者gulp,又是半天的漫长等待,简直是浪费生命。 { "redConsole": { "prefix": "lr", "body":...
  • 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性能越来越重要, 所以了解基本的基准测试技术对程序员来说是挺有用的。其中最简单...
  • postman怎么打开console控制台,打印console.logpostman在哪显示console.log日志呢?操作步骤 postman在哪显示console.log日志呢? 在脚本中使用变量时,要怎么看到变量获取到的值,使用Postman Console去实现的。 ...
  • 推荐一个比较好用的VSCode插件:javascript console utils 它的主要功能是快速的生成console.log(),再调试js的过程中难免要打印一些东西,所以快速生成就很爽 下载安装好就可以用了 使用方法: 先选中变量 然后按...
  • 使用RocketMQ Console源码搭建RocketMQ Console与基本使用
  • 避免console错误,console兼容

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

    千次阅读 2016-06-28 17:28:35
    console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要,JavaScript的执行性能也日益受到重视,WEB开发人员知道一些性能测试机器是必须的...
  • 利用Console来调试JS程序、Console用法总结(1)一 、什么是 ConsoleConsole 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。二 、什么...
  • 电脑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...
  • 使用vue 报错error: Unexpected console statement (no-console) at src\App.vue:20:13: 在使用vue进行代码编写的时候出现这种报错,去网上查了一下,解决方法不一样。 下面是我的解决方法: console.log(data) 改为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,255,730
精华内容 902,292
关键字:

console