欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js代码调试工具有哪些(chrome断点调试js教程)

程序员文章站 2023-11-18 11:51:46
console.table展示数据在控制台上展示数组或对象,使用console.table比console.log更加直观明了。// 在控制台上运行console.table([ { fir...

console.table展示数据

在控制台上展示数组或对象,使用console.table比console.log更加直观明了。

// 在控制台上运行
console.table([
  { firstname: 'john', lastname: 'doe', age: 2 },
  { firstname: 'william', lastname: 'shakespeare', age: 3 }
])

展示为一个table表,友好很多:

当然,你还可以指定展示哪些列~

// 在控制台上运行
console.table([
  { firstname: 'john', lastname: 'doe', age: 2 },
  { firstname: 'william', lastname: 'shakespeare', age: 3 }
], ['firstname', 'lastname'])

上面指定展示firstname和lastname这两列,当然,(index) 是默认有的。

注意⚠:语法 console.table(data [, columns]);

copy复制数据

如果你使用谷歌浏览器并需要复制控制台输出的数据。你可以使用copy()命令行,而不是手动高亮选择对应代码进行复制。

const data = [2, 3, 4];
copy(data);

执行上面的代码,会将data数据值复制到你的粘贴板上。你可以在任意文档中进行粘贴。

注意⚠:copy命令仅在谷歌浏览器控制台上生效,并且在node.js环境中无效。

对了,在这里说一下,我目前是在职web前端开发,如果你现在正在学习前端,了解前端,渴望成为一名合格的web前端开发工程师,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,都可以随时关注并私信我:前端,我都会根据大家的问题给出针对性的建议,缺乏基础入门的视频教程也可以直接来找我,我这边有最新的web前端基础精讲视频教程, 还有我做web前端技术这段时间整理的一些学习手册,面试题,开发工具,pdf文档书籍教程,都可以直接分享给大家。

js代码调试工具有哪些(chrome断点调试js教程)