如何使用 google chrome devtools 解决 javascript 问题？解决这个问题的通常过程是什么？

Question

我正在用 javascript 设计一个测试页，我遇到了以下问题

Uncaught TypeError: $(...).scrollToFixed is not a function
    at ________(scripts.js:16)
    at HTMLDocument.<anonymous> (scripts.js:838)
    at fire (jquery-1.9.1.js:1037)
    at Object.fireWith [as resolveWith] (jquery-1.9.1.js:1148)
    at Function.ready (jquery-1.9.1.js:433)
    at HTMLDocument.completed (jquery-1.9.1.js:103)

如何使用 google chrome 开发工具解决此问题和相关问题？用户解决 javascript 问题的通常过程是什么？当我有 javascript 并且问题受 .要么 ;或缺少支架，解决方案很容易找到。但是，当您收到有关 javascript 问题的上述消息时，该怎么办？

Answer 1

首先在scripts.js的第16行添加断点。这使您能够查看程序执行时的变量。

重新加载页面，当调试器在那里暂停时，然后在控制台 window 中键入 $(...) - 我假设您用 "button" 之类的东西代替“ ..." 看看它是否存在。您还可以将鼠标悬停在源代码中断点行的 $(...) 部分，它会显示一个弹出窗口及其值。您可以看到它是什么，也许它不是您认为的那样，这就是该功能不存在的原因。也许你错误地认为那个函数是关于你用 $() 检索的东西的类型。无论如何，如果您可以检查适当的值，您将会走得更远。

如何使用 google chrome devtools 解决 javascript 问题？解决这个问题的通常过程是什么？

How to resolve a javascript problem, using google chome dev tools? What is the usual process to solve this?

javascript

google-chrome

google-chrome-devtools