目录

介绍

使用代码


介绍

当我在一些javascript或web应用程序或其他任何东西中磨蹭的时候,我确信我像很多人一样,把console.log仍在代码中,这样我就可以看到各个阶段,或者什么函数正在接收,或者什么函数不在返回等等,并且可以跟踪控制台中正在发生的事情,因为我点击离开或做任何我正在写/测试的事情。

你在输出中看到了多少次[object Object],你就像AAARGHH!

然后,您可以花时间在stringify或其他代码上,使其可读。

使用代码

.....如果您将console.log语句更改为类似的;

console.log("Result is: %O", theObject)您猜对了,theObject是您想要看到的东西,并注意它是对象的%O而不是0(零)。

例如,如果我打开Chrome DevTools并进入控制台并输入:(我随机选择了一个内置对象,与其他对象一起尝试)

console.log(ImageCapture)

返回的是一些文本和对本机代码的引用,没有多少可以检查的内容。

但是,如果我进入其中;

console.log("Image Capture: %O", ImageCapture)
你可以看到,我现在可以开始向下查看ImageCapture对象;

因此,在您开始使用额外的东西来填充代码以查看对象中的内容之前,可能需要使用%O进行转换!

PS我去看了控制台的Mozilla协议,实际上有一种特定的方法可以做到这一点,dir()

因此,如果您这样做console.dir(ImageCapture),您将获得对象的向下查看视图。

有关Mozilla控制台规范的更多信息以及可应用的众多其他方法,请访问:https://developer.mozilla.org/en-US/docs/Web/API/Console

Console.log对象显示相关推荐

  1. console.log()不显示结果_RNA结合蛋白与RNA的缠绵故事,教你不做实验发文章

    解螺旋公众号·陪伴你科研的第1869天 继续学习如何不做实验发文章 RNA结合蛋白是(RNA binding protein,RBP)细胞中一类可以识别特殊的RNA结合域与RNA互作,并参与RNA剪切 ...

  2. console.log()不显示结果_提醒低端电子显示屏易致视疲劳,OLED屏幕表现略好

    今晚报记者从天津市消协获悉,根据昨天下午中消协发布的比较试验显示,受试的青少年在进行30分钟的游戏任务后,对11款测试样品在不同指标上出现了显著视疲劳等情况. 13款测试样品包括5款手机.4款平板电脑 ...

  3. js调试console.log使用总结图解

    一 实例 打印字符串和对象: 可展开对象查看内部情况: 看一下console对象本身的定义情况: 输出对象情况: utag对象所在文件: 输出对象: 二 Console.log 总结 1 如果你js没 ...

  4. console.log详解

    console.log方法用于在控制台输出信息.它可以接受一个或多个参数,将它们连接起来输出. console.log('Hello World') // Hello World console.lo ...

  5. javascript 和 jq 的调试 用console.log() 函数

    对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断javascript程序的执行,从而造成副作用:而conso ...

  6. HTML控制台输出console,Javascript的console.log()用法

    把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到. javasc ...

  7. javascript篇-console.log()打印object却显示为字符串[object object]

    console.log打印对象遇到的一个问题,如下截图 打印结果与预期不符,原因是因为字符串'a'和对象object拼接在一起,拼成了一个字符串 转载于:https://www.cnblogs.com ...

  8. html控制台 打印 consol,浏览器console.log()打印输出台不显示输出内容……

    浏览器console.log()打印输出台不显示输出内容的原因应该很多,如网络上所说:console.log()被重新定义等等原因(需要验证真实性?)都可能导致console.log()打印不能显示打 ...

  9. 实现一个打点计时器,要求 1、从 start 到 end(包含 start 和 end),每隔 100 毫秒 console.log 一个数字,每次数字增幅为 1 2、返回的对象中需要包含一个 can

    实现一个打点计时器,要求 1.从 start 到 end(包含 start 和 end),每隔 100 毫秒 console.log 一个数字,每次数字增幅为 1 2.返回的对象中需要包含一个 can ...

最新文章

  1. BIOS不识别linux,linux – 在BIOS中启用VT但KVM无法检测到
  2. 一次性给予硕士35万,博士50万房补,浙江这个市出台硬核政策引才!
  3. Android蓝牙开发其二
  4. Sumatra项目用OpenCL提高了Java的性能
  5. [云炬创业基础笔记]第七张创业团队测试3
  6. LocalDB 静默安装
  7. python实现词语相似度计算分析_相似度计算的方法及Python实现
  8. Hadoop Yarn REST API未授权漏洞利用挖矿分析
  9. C++中STL-vector的用法
  10. SpringSecurity之权限管理
  11. VS2015编译程序兼容XP
  12. u盘最大单个文件支持多少g_解决U盘拷贝时提示文件过大问题(不能拷贝超过4个g的文件)...
  13. win7安装JDK并配置
  14. Ubuntu 20 更新后突然无法获取IP
  15. 广州小程序开发公司哪家好?广州小程序开发公司排行前十?
  16. 十四、策略模式——你要黄焖鸡、手撕鸡、大盘鸡、叫花鸡都可以,指定一个吧
  17. 【阿里云镜像】安装编译Apache环境
  18. 惊了!这才是真正的 Windows 摸鱼神器!!!
  19. 打开vivado的.xpr工程文件报错Cannot locate target loader
  20. tcpdump arping nsenter

热门文章

  1. 深入java虚拟机需要读吗_《深入理解Java虚拟机》读后总结(一)JVM内存模型
  2. linux配置iscsi无账号密码,linux4 如何配置iscsi启动器
  3. 鸿蒙第三代手机,荣耀Magic 3最新确认,鸿蒙系统+双6400万,最期待的荣耀来了
  4. python实现knn分类_knn分类算法底层实现(python)
  5. 彩色手绘情节人插画装饰素材,psd分层利于应用!
  6. 在集设|参透海报设计中提取排版设计灵感
  7. 高质量的设计素材,有效提高工作效率
  8. 建议电商美工收藏的素材网站
  9. 电商促销活动那么多,美工需要炫酷海报万能模板!可套用!救急必备!
  10. cuSPARSE库:(九)cusparseSetStream()