JavaScript快速调试的两个技巧


Posted in Javascript onNovember 04, 2020

直接上干货!?

console.table展示数据

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

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

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

JavaScript快速调试的两个技巧

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

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

上面指定展示firstName和lastName这两列,当然,(index)

是默认有的。

JavaScript快速调试的两个技巧

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

copy复制数据

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

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

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

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

参考

  • developer.mozilla.org/zh-CN/docs/…
  • dev.to/tawn33y/2-q…

到此这篇关于JavaScript快速调试技巧的文章就介绍到这了,更多相关JavaScript快速调试内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
简单通用的JS滑动门代码
Dec 19 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
获取JS中网页各种高宽与位置的方法总结
Jul 27 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 Javascript
如何实现小程序与小程序之间的跳转
Nov 04 #Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 #Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 #Javascript
Vue获取微博授权URL代码实例
Nov 04 #Javascript
基于vue实现微博三方登录流程解析
Nov 04 #Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 #Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 #Javascript
You might like
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
ThinkPHP模板IF标签用法详解
2014/07/01 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
详解php实现页面静态化原理
2017/06/21 PHP
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
2014/03/26 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
python查询mysql,返回json的实例
2018/03/26 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
django最快程序开发流程详解
2019/07/19 Python
python 获取字典键值对的实现
2020/11/12 Python
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
abstract是什么意思
2012/02/12 面试题
船舶专业个人求职信范文
2014/01/02 职场文书
电子工程求职信
2014/07/17 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js