博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js控制台输出console
阅读量:5044 次
发布时间:2019-06-12

本文共 2137 字,大约阅读时间需要 7 分钟。

介绍:

   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

浮点型 (暂不支持数字型) 

%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)

 

转载于:https://www.cnblogs.com/yangkai-cn/p/4016723.html

你可能感兴趣的文章
Linux 常用命令——cat, tac, nl, more, less, head, tail, od
查看>>
超详细的Guava RateLimiter限流原理解析
查看>>
VueJS ElementUI el-table 的 formatter 和 scope template 不能同时存在
查看>>
Halcon一日一练:图像拼接技术
查看>>
Swift - RotateView
查看>>
iOS设计模式 - 中介者
查看>>
centos jdk 下载
查看>>
HDU 1028 Ignatius and the Princess III(母函数)
查看>>
(转)面向对象最核心的机制——动态绑定(多态)
查看>>
token简单的使用流程。
查看>>
django创建项目流程
查看>>
UIActionSheet 修改字体颜色
查看>>
Vue 框架-01- 入门篇 图文教程
查看>>
Spring注解之@Lazy注解,源码分析和总结
查看>>
多变量微积分笔记24——空间线积分
查看>>
Magento CE使用Redis的配置过程
查看>>
poi操作oracle数据库导出excel文件
查看>>
(转)Intent的基本使用方法总结
查看>>
Mac 下的Chrome 按什么快捷键调出页面调试工具
查看>>
Windows Phone开发(24):启动器与选择器之发送短信
查看>>