console调试

最新推荐文章于 2024-07-12 16:27:40 发布

波尔霸与霸波尔

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量179

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43536101/article/details/106226474

版权

1 篇文章 0 订阅

订阅专栏

占位符：
%s 对字符串进行占位

console.log("你好 %s","javascript") // 你好 javascript

%o 对对象进行占位

console.log("this a %o", {name:"名字",sex:"男"}) // this a {name: "名字", sex: "男"}

%d 对数字类型进行占位

在这里插入代码片

%c css占位符

console.log("this is a %cbuttom","color:red;padding:2px 5px;background-color:yellow")

%c css占位符

console.dir()  //  打印对象的json表示形式

在这里插入图片描述

console.warm() // 给控制台添加一抹黄色

console.table()  // 处理最多1000行的数据能力

在这里插入图片描述

console.clear() // 清空控制台，没用

console.count() // 在同一行与同一标签被调用的次数
该方法可用于统计循环次数
var arr = [1,2,3,2,...];
arr.forEach(()=> {
	console.count();  //不传则默认用default
})

在这里插入图片描述

console.countReset() // 重置计数

console.time() //启用一个新的计时器
console.timeEnd() //停止计时器并将运行时间在控制台

console.debug() // 与log一样，但在不同浏览器中表现不同
console.info() //与log一样
console.error() //将对象打印到控制台,将其格式化为错误，并包括推栈跟踪

console.group(label) // 可视化地将信息分组在一起
console.groupEnd(label) // 结束

在这里插入图片描述

console.groupcollapped(label) //折叠

console.dirxml() // 用来显示网页的某一个节点

console.assert() // 判断一个表达式或变量是否为真，真不显示，假抛出异常

console.trace() //追踪函数的调用轨迹

// 用于分析程序各个部分的运行时间
console.profile()
console.profileEnd()

关注