Chorme控制台console的用法；

前提：是谷歌浏览器！

IE8- 不支持console.log();会报错，解决如下：

(function (){
            //创建空console对象，避免JS报错  
            if(!window.console)  
                window.console = {};  
            var console = window.console;  
            //添加console对象的方法
            var funcs = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml',  
                         'error', 'exception', 'group', 'groupCollapsed', 'groupEnd',  
                         'info', 'log', 'markTimeline', 'profile', 'profileEnd',  
                         'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];  
            for(var i=0,l=funcs.length;i<l;i++) {  
                var func = funcs[i];  
                if(!console[func])  
                    console[func] = function(){return;};  
            }  
            if(!console.memory)  
                console.memory = {};
 })();

 

 

CONSOLE使用注意事项（或快捷键）：

1、控制台输入多行代码？？  解决方式是使用  " ; "  分隔 或使用 " shift +enter "实现代码换行

2、键盘的上下键 可以使用用户在控制台输入的历史代码

3、$_  可以获取上一次表达式执行的结果，注意使用时候要和运算符号要保持一个空格， $0表示最近点击的dom节点，$4表示前面第五次点击的dom节点，只能存储五次历史记录，超出为undefined

4、console控制台支持原生的jquery选择器,使用如$('body')

5、copy(name) 可以将控制台获取到的内容复制到粘贴板；

6、keys(obj) 和 values(obj) 分别可以获取对象的对象名组成的数组和对象值组成的数组

7、 monitor(funName)监听执行函数的函数名和函数参数，unmonitor(funName)停止监听；

8、输出指定样式的文字，如console.log("%c大家好","color:red;")

9、clear() 可以清空控制台输出记录，相当于console.clear()，也可以使用快捷键  "ctrl + L"，或者右键清空

 

 

CONSOLE怎么用？？

1、查询数组或对象大量数据时候，避免使用alert()弹框造成崩溃

 

2、调试使用时，使用console.log();  console.info();  console.error(); console.warn();   不同文本打印颜色区分不同的提示信息

 

3、使用console.clear() 或者console界面左上角图标清空console记录；

    console.log(‘string1’,’string2’) 打印的时候会将多个字符串拼接输出日志；

 

4、使用console,group(titleName);  console.groupEnd(); 输出具有开头的分组信息

 

5、console.assert(isFalse,'falseMsg'); 会对指定指定的表达式进行判定，只用表达式为false时候才会输出相应的信息到控制台

 

6、console.count(); 可以统计代码被执行的次数

 

7、console.dir()可以以DOM树结构输出一个对象的所有属性和方法，也可以简写成dir(obj)；console.table()可以将数组用表格的形式输出,也可以简写成table(arr)；

 

8、console.time()  和console.timeEnd() 一起可以用来统计时间间隔

 

9、console.profile() 和console.profileEnd()一起可以查看CPU的相关使用情况

 

10、console.trace()  堆栈跟踪相关的调试

11、console.timeLine() 和console.timeLineEnd() 一起可以记录一段时间轴

 

 

 

参考网址：https://www.cnblogs.com/Leo_wl/p/4117446.html

https://developer.chrome.com/devtools/docs/console-api