js console的用法

阿波次嘚

已于 2022-04-27 15:56:20 修改

阅读量154

点赞数

分类专栏：前端笔记文章标签： javascript

于 2022-03-05 13:41:54 首次发布

本文链接：https://blog.csdn.net/weixin_45062076/article/details/123293569

版权

前端笔记专栏收录该内容

35 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      console.log("log基本样式"); //基本样式
      console.info("info基本样式"); //基本样式
      console.warn("warn警告样式"); //警告样式
      console.error("error错误样式"); //错误样式
      console.log(
        "%c添加自定义样式",
        "color:white;background-color:#1e9fff;border-radius:3px;padding:3px"
      ); //添加自定义样式

      let a = 100;
      let b = 200;
      let c = 300;
      console.log({ a, b, c }); //对象形式
      console.table([a, b, c]); //表格形式

      //********************begin*********
      console.time("check"); //查看代码执行效率  注意time 和 timeEnd 参数必须一样
      //***代码区  中间如果有其他的console.log  则会延长代码执行时间
      console.timeEnd("check");
      //********************end*********

      console.dir(document); // 直接输出（document）原本的模样  默认折叠console 输出面板
    </script>
  </head>
  <body></body>
</html>