1、 将 objects 显示为表格
x1.png
2、使用 console.time() 和 console.timeEnd() 来标记循环耗时
x2.png
3、在复杂的调试过程中寻找重点
在更复杂的调试中，我们有时希望输出很多行。你可以做的事情就是使用更多控制台函数来保持良好的输出结构，例如, console.log, console.debug, console.warn, console.info, console.error等等。然后，可以在控制台中快速浏览。但有时候，某些 JavaScrip 调试信息并不是你需要的。现在，可以自己美化调试信息了。在调试 JavaScript 时，可以使用 CSS 并自定义控制台信息，例如
x3.png
x4.png
4、在控制台中快速访问元素
在控制台中执行 querySelector ，一种更快的方法是使用美元符。$('css-selector') 将会返回CSS选择器的第一个匹配项。$$('css-selector') 将会返回所有匹配项。如果多次使用一个元素，可以把它保存为一个变量。
10+ 实用的 JavaScript 调试小技巧
摘要： 高效调试JS代码。 原文：实用Javascript调试技巧分享 作者：MudOnTire Fundebug...
1、 将 objects 显示为表格 x1.png 2、使用 console.time() 和 console.t...
介绍 我还是那个不怎么带娃的测试。 今天分享的是一个js基于chrome浏览器的调试方法。 主干内容 补充 我们主...
一、基础知识 1.调试技巧： 2.web开发JavaScript使用技巧1)屏蔽鼠标右键 2)取消选取，防止复制 ...
上篇的文章JavaScript两个快速调试的技巧[https://juejin.im/post/687589928...
原文地址：https://segmentfault.com/a/1190000019474390 见过太多同学调试...
原文地址：https://segmentfault.com/a/1190000019474390 见过太多同学调试...
见过太多同学调试Javascript只会用简单的 console.log甚至 alert，看着真为他们捉急。。因为...
iOS开发调试技巧总结 iOS开发调试技巧总结
本文标题：JavaScript调试技巧
本文链接：https://www.haomeiwen.com/subject/giqfdftx.html
网友评论