javascript - 控制台.log();如何调试javascript

标签 javascript jquery debugging

好的,我希望这个问题对你们来说不是很基础。

我对 jQuery 的了解足以让自己陷入麻烦,这意味着我可以获取元素并用它做一些事情,编写我自己的交互小函数等等。但是事情并没有按预期进行,在我向 stackoverflow 发布问题并获得让我拍打自己额头的答案之前,我想自己调试它并且厌倦了插入 alert();进入我的代码。在阅读该主题时,提到了 console.log();console.info(); 等等,但我找不到任何资源来解释如何在现实世界场景中使用这些进行调试。

你们中有没有人知道可以向外行 解释如何使用这些功能的好资源或教程(不怕读一本书)。似乎我发现的教程等要么是进阶的方式,要么只是略过表面,不告诉你如何使用它们。我知道我可以插入 console.log();,它将在控制台中为 firebugelement inspector 输出信息。但是,如果我的手工烘焙函数在某处做了一些意想不到的事情,我该如何在浏览器解析 javascript 时发现问题。

任何帮助将不胜感激,因为我觉得学习这将帮助我理解我的代码中发生的事情,这样我就可以停止盯着屏幕“为什么这不起作用,它在jsfiddle!”

最佳答案

console.log() 只接受您传递给它的任何内容并将其写入控制台的日志窗口。如果你传入一个数组,你将能够检查数组的内容。传入一个对象,可以查看对象的属性/方法。传入一个字符串,它将记录该字符串。它基本上是“document.write”,但可以智能地分解它的参数并将它们写到别处。

它对于偶尔输出调试信息很有用,但如果您有大量的调试输出则不是特别有用。

要观察脚本的执行情况,您需要使用调试器,它允许您逐行执行代码。当您需要显示某些变量的内容以供以后检查但又不想中断执行时使用 console.log。

关于javascript - 控制台.log();如何调试javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8732006/

相关文章:

javascript - 如何在谷歌图表堆积列中添加链接

Javascript Google Calendar API 将日历设置为公开

javascript - 如何在 html 页面上点击提交下载文件?

jquery - 如何在 "href attribute"之后添加 "</a>"

regex - 如何阅读 perl 正则表达式调试器

c++ - Visual Studio - 更正优化构建中的不同行为

javascript - 使用 .NET Web 服务开发纯 HTML+JS 应用程序是否可行且安全?

javascript - 使用单击的 <a> 的 data-id 更新隐藏输入的值

java - 在Eclipse中调试时,是否可以在调试时跳转到某行执行?

javascript - 使时钟自动刷新