如何使用Google Chome开发工具解决JavaScript问题?解决这个问题的通常流程是什么?

时间:2019-07-01 15:42:45

标签: javascript google-chrome google-chrome-devtools

我正在使用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问题的消息时呢?

1 个答案:

答案 0 :(得分:1)

首先在scripts.js的第16行添加一个断点。这样一来,您就可以查看程序执行时的变量。

重新加载页面,然后当调试器在此处暂停时,然后在控制台窗口中键入$(...)-我假设您使用诸如“ button”之类的东西代替“ ...”,并查看是否甚至存在。您也可以将鼠标悬停在断点行的源代码中的$(...)部分上,它将显示带有其值的弹出窗口。您可以看到问题所在,也许不是您想的那样,这就是为什么该功能不存在的原因。也许您认为该函数与使用$()检索到的东西有关是错误的。无论如何,如果可以检查适当的值,您将走得更远。