JavaScript两个快速调试的技巧

简介: 直接上干货!

直接上干货!💨


console.table展示数据


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


// 在控制台上运行
console.table([
  { firstName: 'John', lastName: 'Doe', age: 2 },
  { firstName: 'William', lastName: 'Shakespeare', age: 3 }
])
复制代码


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


image.png


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


// 在控制台上运行
console.table([
  { firstName: 'John', lastName: 'Doe', age: 2 },
  { firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])
复制代码


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


image.png


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


copy复制数据


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


const data = [2, 3, 4];
copy(data);
复制代码


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


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


相关文章
|
29天前
|
JavaScript 前端开发 开发者
Chrom devtools JS调试、性能优化与必备功能
Chrom devtools JS调试、性能优化与必备功能
|
6天前
|
Web App开发 JavaScript 前端开发
JavaScript 调试
JavaScript 调试
9 0
|
17天前
|
Web App开发 JavaScript 前端开发
JavaScript基础知识-使用Firefox进行代码的调试(Debug)
关于如何使用Firefox浏览器进行JavaScript代码调试的基础知识介绍。
29 0
|
1月前
|
存储 JSON 监控
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
62 1
|
21天前
|
JavaScript 开发者 UED
Vue.js 错误处理与调试:跟上技术潮流,摆脱开发困扰,成为代码大神不是梦!
【8月更文挑战第30天】在 Vue.js 开发中,错误处理与调试至关重要。本文将对比 Vue 的全局错误捕获机制 `Vue.config.errorHandler` 和组件内 `watch` 监听数据变化的方式,并介绍 Vue 开发者工具、控制台打印 (`console.log`) 以及代码断点 (`debugger`) 等调试方法。此外,还将探讨如何通过自定义错误页面提升用户体验。通过这些技巧的对比,帮助开发者灵活选择适合的策略,确保应用稳定性和开发效率。
38 0
|
26天前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
|
1月前
|
Web App开发 JavaScript 前端开发
IDEA——使用JavaScript Debugger调试代码
IDEA——使用JavaScript Debugger调试代码
25 0
|
3月前
|
JavaScript 前端开发 开发者
介绍如何在WebStorm中调试JavaScript文件
介绍如何在WebStorm中调试JavaScript文件
78 1
|
2月前
|
JavaScript
js 调试 —— 断点(含进入函数、条件断点等)
js 调试 —— 断点(含进入函数、条件断点等)
84 0
|
2月前
|
Web App开发 JavaScript 前端开发
js 调试—— 【控制台】debugger语句 、 命令行API
js 调试—— 【控制台】debugger语句 、 命令行API
106 0