chrome控制台console方法表

控制台console表达式表

console.clear()/clear() 清空控制台

console.log()       方法可以接受一个或多个表达式作为参数,并将他们的值打印到控制台(可使用CSS样式显示)
//  %s 字符串格式
//  %i 或 %d 整型格式
//  %f 浮点格式
//  %o DOM节点
//  %O JavaScript 对象
//  %c 对输出的字符串使用css样式,样式由第二个参数指定。
console.dir()       以JavaScript对象的形式打印

console.warn()      打印的信息是黄色的警告信息
console.error()     打印的信息是红色的警告信息
console.assert()    接受两个参数,如果第一个参数的结果为false,则该方法会将第二个参数输出到控制台。

console.group()     接受一个字符串参数,表示分组的名称
console.groupCollapsed()    与group相同,不过组内信息折叠
console.groupEnd()  结束当前分组

console.table()     用来查看对象的内容。该方法会将对象的属性以表格的形式打印出来。

console.time()      开启计时器
console.timeStamp() 在Timeline上打标记
console.timeEnd()   结束计时器

debugger            打断点
console.count() 统计表达式被执行次数  

profile()           方法可以开启CPU分析,你可以传入一个字符串参数对分析器进行命名。
profileEnd()        结束CPU分析
时间: 2024-10-03 01:57:17

chrome控制台console方法表的相关文章

Chrome 控制台console的用法(转)

下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents&q

Chrome 控制台console的用法

原文出处: ctriphire 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log 先的简单介绍一下chrome的控制台,打开chr

[转]Chrome 控制台console的用法

大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对console.log 会有一定的了解,心里难免会想调试的时候用 alert 不就行了,干嘛还要用 console.log 这么一长串的字符串来替代 alert 输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上 console.log 先的简单介绍一下chrome的控制台,打开chrome浏览器,按

Chrome 控制台console的用法(学了之后对于调试js可是大大有用)

大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log 先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松

【repost】Chrome 控制台console的用法

下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents&q

Chrome控制台console的各种用法(方便调试)

1.输出信息 console.log('消息内容!'); //输出普通信息 console.info('消息内容!'); //输出提示信息 console.error('消息内容!');//输出错误信息 console.warn('消息内容!'); //输出警告信息 2.数据表格化 var thisObj = [ { name: 'quber', email: '[email protected]', qq: 757200834 }, { name: 'xm', email: '[email p

Chrome控制台的console详述

Chrome控制台的console详述 在详述之前让我们来看看打开浏览器控制台的方式都有那些吧,毕竟这才是开始. 要想打开谷歌开发者工具,有三种方式 ctrl+shift+i f12 在网页中右击鼠标,点击[审查元素],你会打开浏览器的开发者工具 大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台,可以点击左上角那个来清空,当然也可以通过在控制台输入console.clear()来实现清空控制台信息.如下图所示 现在假设一个场景,如果一个数组里面有成百上千的元素,但是你想知道每个元素具

Chrome 控制台新玩法-console显示图片以及为文字加样式

有兴趣的同学可以文章最后的代码复制贴到控制台玩玩. Go for Code 在正常模式下,一般只能向console 控制台输出简单的文字信息.但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下: 在输出信息前面会有一个带感叹号的黄色三角警告符号.似乎比一般的console信息要友好得多了.虽然图标是黄色的,但输出的文字仍然是黑色. 另外经常用到的是输出错误信息.可以通过调用console.erro

chrome控制台使用(Using the Console)

控制台提供了两个主要的方法给开发者测试网页和应用程序: 通过使用控制台提供的Console API方法来诊断日志信息,比如说:console.log(),console.profile(). 即时响应的命令窗口可以和document以及chrome开发工具相互联调.在控制台可以直接测试表达式,并且可以使用Command Line API提供的方法,比如$()可以查找元素,或者使用profile()来打开CPU分析器. 本文提供关于这两个API的概述和一些基本使用,你也可以直接去Console A