介绍:

js的console你可以在firefox的firedbug或者ie和google的f12调试模式下看到,这些主流浏览器的调试模式的控制可以输出一些信息,你的一些js代码测试可以直接在console窗口输入然后运行查看结果,省了部署工程和刷新页面的时间;当然你有一些特殊代码的测试,比如需要后台数据或者页面效果的,一般情况大家喜欢用的都是js代码直接使用alert输出测试信息,这样做会中断程序跳出线程;这时候还有一个不错的选择那就是使用控制台的日志,即console.log;下面为大家一一介绍console的一些用法,部分摘自网络:

1.console.log

console.log(object[, object, …])
在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。

第一个参数可以是一个包含格式化占位符输出的字符串,例如:

console.log(“The %s jumped over %d tall buildings”, animal, count);

上面的例子可以用下面的无格式化占位符输出的代码替换:

console.log(“The”, animal, “jumped over”, count, “tall buildings”);

并且,这两种方式是可以组合使用的。如果使用了格式化占位符,而提供的参数的个数多于占位符的个数,那么,多余的参数会以空格分隔的方式附加在字符串后面,就像:

console.log(“I am %s and I have:”, myName, thing1, thing2, thing3);

如果参数是一个Javascript对象,那么在控制台输出的就不是静态文字,而是一个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript对象。

console.log(“Body tag is %o”, document.body);

格式化字符串列表:

格式化字符串 类型
%s 字符串
%d, %i 浮点型 (暂不支持数字型)
%f $1
%o 链接对象
2.其他级别,debug、warn、error、assert等

console.debug(object[, object, …])
在控制台输出一条消息,包含一个指向代码调用位置的超链接。假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一样)。

console.info(object[, object, …])
在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接。

console.warn(object[, object, …])
在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接。

console.error(object[, object, …])
在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接。

console.assert(expression[, object, …])
测试表达式expression是否为真。如果不是真,会在控制台写一条消息并抛出异常

console.dir(object)
以列表形式输出一个对象的所有属性,有点和你查看DOM窗口相类似。

console.dirxml(node)
输出一个HTML或者XML元素的XML源代码。和你在HTML窗口看到的相似。

console.trace()
Prints an interactive stack trace of JavaScript execution at the point where itis called.

The stack trace details the functions onthe stack, as well as the values that were passed as arguments to eachfunction. You can click each function to take you to its source in the Scripttab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, …])
输出一条消息,并打开一个嵌套块,块中的内容都会缩进。调用console.groupEnd()关闭块。该命令可以嵌套使用。

console.groupEnd()
关闭最近一个由console.group打开的块。

console.time(name)
创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒)。

console.timeEnd(nam)

JS控制台输出console相关推荐

  1. js控制台输出佛祖保佑图形图案实例代码

    简介 js控制台输出佛祖保佑图形图案实例代码 演示 代码 普通款 console.log([ " _ooOoo_", " o8888888o", " ...

  2. js控制台输出佛祖保佑图形图案/彩色图形图案实例代码

    简介 js控制台输出佛祖保佑图形图案实例代码 演示 代码 普通款 console.log([" _ooOoo_"," o8888888o"," 88\ ...

  3. php打印函数console,PHP内置Web Server探究(2)自定义PHP控制台输出console函数

    PHP内置Web Server探究(二)自定义PHP控制台输出console函数 我们在开发APP的服务器端,当和APP进行联调时通常需要实时跟踪URL请求和参数的接收情况. 但PHP并没有像Pyth ...

  4. 扩展:js控制台输出,除了 console.log还有哪些?

    介绍: js的console你可以在firefox的firedbug或者ie和google的f12调试模式下看到,这些主流浏览器的调试模式的控制可以输出一些信息,你的一些js代码测试可以直接在cons ...

  5. JS控制台输出,别只会 console.log 了

    引言 控制台日志输出,别再只会 console.log 了,其实Console 对象还提供了很多方法.比如console.info().console.warn() .console.error()等 ...

  6. HTML控制台输出console,Javascript的console.log()用法

    把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到. javasc ...

  7. 控制台输出console.log()的用法

    用console.log代替alert和document.write,工作会变得轻松.用console.log在控制台展开对象查看具体信息,可以直接看到对象信息,而不会显示[object Object ...

  8. 第56篇 QML 之 JS控制台输出、注释语句、标识符、字面量与变量

    目录 1.控制台输出 QML 组件 2.注释语句 3.JS 标识符 标识符

  9. 原生js控制台(console)打印直角三角形,等腰三角形、矩形、棱形

    这是打印直角三角形的js代码 //直角三角形var num = 5;var str = "";for (var i = 0; i < num; i++) {//每一行三角形多 ...

最新文章

  1. 从技术视角看考拉海购的云原生之路
  2. asp.net 生命周期中的时间流程
  3. 用的最多的正则表达式
  4. 原生JS如何实现包含各种类型数据的深克隆
  5. Redis教程:主从复制
  6. 01.自定义View(ArcView弧形进度条)
  7. linux 同步北京时间_设置linux的时间为北京时间
  8. 测试前景分析-来自《Goolgle测试之道》
  9. 炫酷canvas网页背景动画效果
  10. 【Python】Matplotlib画图(七)——线的颜色、点的形状
  11. 大航海时代2阿兰攻略(SFC日版)(续)
  12. 深夜谈【辱母杀人案】
  13. 【nginx】405 not allowed问题解决方法
  14. 如何利用朋友圈做好微信营销之路
  15. 微信第三方开发行业解决方案
  16. IT培训机构如何选择?选择IT培训机构3大误区
  17. 硕士论文免费查重网站不靠谱,最好用知网!
  18. 用 Python 解释 SpaceX 如何进行火箭回收
  19. Javascript(JS) leetcode 804. 唯一摩尔斯密码词
  20. 深圳云计算培训学习:部署网校系统 edusoho--【千锋】

热门文章

  1. 夫妻一方未经授权代签贷款合同不具法律效力
  2. win10很多软件显示模糊_还在使用第三方软件?Win10可以直接显示显卡温度啦
  3. 音视频 yuv视频格式详解总结
  4. Java中删除集合中的指定元素
  5. Linux Python 发送邮件
  6. 【转】《Pandas Cookbook》第02章 DataFrame基本操作
  7. 項目實施文檔寫作框架
  8. Delphi类似QQ皮肤控件,欢迎试用!
  9. 华唯鑫能源的液体燃料是用来产生热量或动力的液态可燃烧的物质
  10. 【CSS】相邻兄弟选择器