Chrome 控制台console的用法

一般情况下我们用来输入信息的方法主要是用到如下四个：

1、console.log 用于输出普通信息

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

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

用图来说话：

6、console.groupEnd结束一组输出信息

看你需求选择不同的输出方法来使用，如果上述四个方法再配合group和groupEnd方法来一起使用就可以输入各种各样的不同形式的输出信息。

7、console.assert对输入的表达式进行断言，只有表达式为false时，才输出相应的信息到控制台。

8、console.count（这个方法非常实用哦）当你想统计代码被执行的次数。

9、console.dir(这个方法是我经常使用的可不知道比for in方便了多少) 直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等。

10、console.time 计时开始。console.timeEnd 计时结束（看了下面的图你瞬间就感受到它的厉害了）

11、keys和values 前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。

12、console.table方法

13、Chrome 控制台中原生支持类jQuery的选择器，也就是说你可以用$加上熟悉的css选择器来选择DOM节。

14、console.profile和console.profileEnd配合一起使用来查看CPU使用相关信。

原文链接：http://www.cnblogs.com/zhongxinWang/p/4121111.html

Chrome 控制台console的用法相关推荐

[转]Chrome 控制台console的用法
Chrome 控制台console的用法下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x&q ...
Chorme控制台console的用法；
前提:是谷歌浏览器! IE8- 不支持console.log();会报错,解决如下: (function (){//创建空console对象,避免JS报错 if(!window.console) wi ...
chrome控制台console.log无法时实打印引用类型值的bug
在js脚本中,使用console.log打印一个大型的对象(像 vm (vue实例),或者 window 对象),然后再设置延迟改变该对象的的某个属性(假设属性名为 ppp )的值,会发现个有趣的现象 ...
Chrome 控制台的console用法收集
Chrome 控制台console的用法大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它 ...
浏览器console的用法
Leo_wlCnBlogs 自由.创新.研究.探索 Linux/Windows Mono/DotNet [ Open Source .NET Development/ 使用开源工具进行DotNet软件 ...
谷歌浏览器--控制台(console)调试--使用/教程/实例
原文网址:谷歌浏览器--控制台(console)调试--使用/教程/实例_IT利刃出鞘的博客-CSDN博客简介说明本文用示例介绍浏览器使用控制台(console)调试前端的方法. Console ...
HTML控制台输出console,Javascript的console.log()用法
把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到. javasc ...
使用Chrome控制台进行3D模型编辑的尝试
前言:3D模型编辑的核心是对顶点位置和纹理颜色的编辑,这个研究的目的在于寻找一种通过编程方式直接对模型进行编辑的方法,这种编辑方法和时下流行的通过鼠标点选.拖拽进行编辑的方法之间的关系,和前端编程中& ...
console的用法
Javascript调试命令--你只会Console.log() ? Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console).不同浏览器上它的工作方式是不一样的 ...

Chrome 控制台console的用法

Chrome 控制台console的用法相关推荐

最新文章

热门文章