时间戳

首页 > 解决方案 > 如何使用 google chome 开发工具解决 javascript 问题？解决这个问题的通常过程是什么？

javascript - 如何使用 google chome 开发工具解决 javascript 问题？解决这个问题的通常过程是什么？

问题描述

我正在用 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)

如何使用谷歌浏览器开发工具解决这个问题和相关问题？用户解决 javascript 问题的通常过程是什么？当我有 javascript 并且问题受制于 . 或者 ; 或缺少括号，解决方案很容易找到。但是，当您收到上述关于 javascript 问题的消息时，如何处理？

标签： javascriptgoogle-chromegoogle-chrome-devtools

解决方案

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

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

推荐阅读