zoukankan      html  css  js  c++  java
  • chrome浏览器console拓展用法

    chrome 浏览器console打印

    使用CSS美化输出信息

    1. console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");

      比较类似的数据对象

      使用table()方法查看结构化数据并比较数据对象。

      table()方法提供了一种简单的方法来查看包含类似数据的对象和数组。当调用时,它将获取到的对象属性创建为标题。每一行数据来自每个索引下的属性值。

      基本示例: 记录对象的数组

      在它最基本的形式中,你需要的是一个具有相同属性的对象数组。 table() 命令将完整剩下的工作:

      console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]);
      console.table([[1,2,3], [2,3,4]]);

    2. 计数语句执行

      使用count()方法记录同一字符串输出的次数。当在同一行上给count()赋予同一字符串时,其输出的数字就加1。

      使用count()的示例代码(有一些动态内容哦):

      function login(user) {
          console.count("Login called for user " + user);
      }
      
      users = [ // by last name since we have too many Pauls.
          'Irish',
          'Bakaus',
          'Kinlan'
      ];
      
      users.forEach(function(element, index, array) {
          login(element);
      });
      
      login(users[0]);
      找了几个常用的复制到博客备用 原地址:http://www.css88.com/doc/chrome-devtools/

  • 相关阅读:
    Charles关于Https SSLHandshake解决备忘录
    图片Image转换为base64编码的方法
    图解HTTP(三)
    图解HTTP(二)
    图解HTTP(一)
    Linux下which、whereis、locate、find命令作用
    jQuery实现图片上传
    常见前端面试题备注
    css实现正方形div的3种方式
    promise
  • 原文地址:https://www.cnblogs.com/MartinLee/p/7622546.html
Copyright © 2011-2022 走看看