谷歌控制台

1 、

console.log   用于输出普通信息

console.error   用于输出错误信息

console.info    用于输出提示性信息

console.warn    用于输出警示信息



.2、

console.count   用于输出执行次数


console.group   用于让控制台输出的语句产生不同的层级嵌套关系


console.profile   用于性能分析



console.time   用于计时


console.trace  用来追踪函数的调用过程





1、无需加载JQuery就可以通过$获取元素


   $('.box');  默认返回class为box的第一个元素
   $$('.box'); 默认返回class为box的一个数组
2、在浏览器中直接编辑文本

           在控制台输入document.body.contentEditable=true可以让浏览器转化成编辑器

3、查找某个元素身上绑定的event事件

           通过 getEventListeners($('.inside-1'));
  // 会以数组形式返回绑定在该元素身上的所有事件,比如:scroll, click mousemove等

4、图表化数组中变量的值

            比如: var myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]
           控制台默认会用字符串的形式为我们返回结果,但是当数据越来越多的时候,我们可能更需要用图标的可视化来显示数据,

      console.table(myArray); 就可以实现这个需求



原文地址:https://www.cnblogs.com/fanlinqiang/p/7741221.html