zoukankan      html  css  js  c++  java
  • 前端调试小技巧之console.log

    我们在写前端代码的时候,经常需要打印信息到控制台,经常使用到的命令就是console.log,本文主要介绍几种可常用的一些小技巧,便于调试时候的灵活利用。

    1、显示样式

    默认的 console.log 显示如下:

    那如果我们希望有颜色标记,可以突出显示该怎么做尼?可以使用默认的几个其他命令 console.warn 或者 console.error:

    但是这个有种代码写错了的感觉,那么如何自定义标识尼?

    可以看到在调试文字前加上%c,第二个字段加上样式,就可以实现自定义样式的调试信息啦~~

    %c 表示把字符串按照你提供的样式格式化后输入

    2、显示对象

    很大串的对象json,直接使用 console.dir 转化成对象字面量,一目了然:

    3、显示表格

    在列表交互中,可以直接将后台返回的数据使用 console.table 的方法打印出来,直接就是表格。是不是很实用尼?

  • 相关阅读:
    override new virtual 的比较
    c#页面无内容解决方案
    插入排序
    排序算法(转)
    treenode遍历文件夹
    案例篇(1)
    索引器(转)
    迭代器的实现
    抽象类和接口的区别
    索引器与迭代器,属性的区别
  • 原文地址:https://www.cnblogs.com/webhmy/p/12166853.html
Copyright © 2011-2022 走看看