javaScript中console.log()的用法

标签: console.log()
6人阅读 评论(0) 收藏 举报
分类:
console.log()类似于alert啊,不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容,不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台,这个F12 最确切的叫法是开发人员工具。其中,Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回车即可清空控制台内容。

相比alert他的优点是:

  1. 他能看到结构化的东西,如果是alert,弹出一个对象就是[object object],但是console能看到对象的内容。

  2. console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。

  3. console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:                                                                           Firebug & Chrome Console 控制台的一些其他功能 :                                                                                 (1) 向控制台输出一条消息: console.log(object[,object,])                                                                     (2) 向控制台输出一条消息,该信息包含一个“信息”的图标,和指向该行代码位置的超链接:     console.info(object[,object,])    console.warn(object[,object,]) ,console.error(object[,object,])同info,区别是图标样式不同。error实际上和throw new Error()产生的效果相同,使用该语句时会向浏览器跑出一个js异常。console.assert(expression[,object,]) 断言,测试一条表达式是否为真,不为真时将抛出异常(断言失败)。  (3)console.dir(object) 输出一个对象的全部属性(输出结果类似于 DOM 面板中的样式)。                         (4)  console.dirxml(node) 输出一个 HTML 或者 XML 元素的结构树,点击结构树上面的节点进入到 HTML 面板。                                                                                                                                      (5) console.trace() 输出 Javascript 执行时的堆栈追踪。console.group(object[, object, ...]) 输出消息的同时打开一个嵌套块,用以缩进输出的内容。调用 console.groupEnd() 用以结束这个块的输出。console.groupCollapsed()同 console.group(); 区别在于嵌套块默认是收起的。console.time(name)计时器,当调用 console.timeEnd(name);并传递相同的 name 为参数时,计时停止,并输出执行两条语句之间代码所消耗的时间(毫秒)。                                                                                                                      console.profile([title])与 profileEnd() 结合使用,用来做性能测试,与 console 面板上 profile 按钮的功能完全相同。console.count([title]) 输出该行代码被执行的次数,参数 title 将在输出时作为输出结果的前缀使用。命令行控制台的输出面板右边,是控制台的输入面板(Chrome 调试工具对应为下方),在这里除了可以运行常规的 javascript 代码,还内置了相当数量的命令行可以辅助我们的调试工作。                                                         下面是一些常用命令行的简单介绍:                                                                                                      $(id)返回一个给定 id 的元素。$$(selector)返回给定的 css 选择器匹配到的一组元素.$0在 HTML 面板中选中的元素。$1上一次在 HTML 面板中选中的元素。$n(index)访问最近 5 个被选中过的元素,index 的范围: 0 – 4。nspect(object[, tabName])()在合适的(或一个指定的) tab 中检视一个对象。keys(object)返回一个对象的所有属性的键。values(object)返回一个对象的所有属性的值。debug(fn)在函数第一行添加一个断点,使用 undebug(fn) 移除断点。monitor(fn)开启一个函数的调用日志,使用 unmonitor(fn) 关闭该功能。monitorEvents(object[, types])开启一个元素的某个事件(或所有事件)被触发时的日志记录。用例如下:monitorEvents($0,['click'])上面的命令行被执行后,将开启当前在 HTML 面板中被选中元素的 click 事件监控,一旦这个元素的 click 事件被触发,事件对象将会在控制台输出。如果不指定第二个参数,将对所有事件进行记录。 

查看评论

JavaScript 里 ~ 的神奇用法

https://segmentfault.com/a/1190000002733634 这几天看koa源码的时候,经常看到if(~notfound.indexOf(e...
  • qq_28387069
  • qq_28387069
  • 2018年02月04日 21:22
  • 30

javascript的console.log()用法

1、javascript的console.log()用法 2、源码: Insert title here ...
  • qq282133
  • qq282133
  • 2012年05月21日 21:12
  • 8326

js调试console.log使用总结图解

一 实例 二 Console.log 总结 1 如果你js没到一个境界,我就算教你调试bug,破解一些插件之类的,你也根本不知道我在做什么。我的...
  • bcbobo21cn
  • bcbobo21cn
  • 2016年07月02日 12:36
  • 30998

JS脚本:console.log()用法小结

一、显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。...
  • u012239445
  • u012239445
  • 2014年02月18日 14:55
  • 9592

Javascript中console.log()用法

原文:http://my.oschina.net/junn/blog/142728 console.log 原先是 Firefox 的"专利",严格说是安装了 Firebugs 之后的 Fire...
  • wangfengqingyang
  • wangfengqingyang
  • 2014年09月24日 10:23
  • 461

javascript中console.log()用法

javascript的console.log()用法 //变量 var i = 'I am a string'; console.log('变量:',i); //数组 var...
  • gaojiyinhang2
  • gaojiyinhang2
  • 2014年03月28日 09:52
  • 281

Javascript的console.log()用法

把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到。 ...
  • wangeclipse
  • wangeclipse
  • 2013年12月11日 01:14
  • 382

Javascript console.log的用法

通过Chrome浏览器可以看到输出结果。 用于中文字体的正常输出。
  • leledady
  • leledady
  • 2016年06月04日 18:09
  • 106

JavaScript的console.log用法

用console.log替代alert alert输出内容会暂停程序 用控制台输出相对来说比较方便 按f12就可以轻松的打开控制台 大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台...
  • qq_36047372
  • qq_36047372
  • 2017年06月19日 15:26
  • 368

JavaScript的解析器是个什么东西

最近啃JavaScript基础,看到老师讲几道面试题还挺有意思! 第一题:var num = 10; fun(); function fun(){ console.log(num); ...
  • MayMayJn
  • MayMayJn
  • 2016年11月30日 16:03
  • 248
    个人资料
    持之以恒
    等级:
    访问量: 163
    积分: 72
    排名: 156万+
    文章存档