1.在Chrome中调试
调试是查找并修复脚本中错误的过程。 所有现代浏览器和大多数其他环境都支持调试工具 - 开发人员工具中的特殊用户界面javascript qq浏览器,使调试更加容易。 它还允许我们一步一步地跟踪代码,看看它实际上是如何运行的。
这里我们将使用Chrome(微软浏览器)javascript qq浏览器,因为它具有足够的功能,大多数其他浏览器都具有类似的功能。
2.“来源”面板
您的 Chrome 版本可能看起来有点不同,但它仍然应该突出显示。
如果这是您第一次这样做,您应该听到如下内容:
让我们在预览树中单击并选择 hello.js。 它应该类似于右图:
Sources 面板包含三个部分:
FileNavigator 区域列出了受此页面约束的 HTML、JavaScript、CSS 和其他文件(包括图像)。 Chrome 扩展程序也会出现在这里。 代码编辑器区域显示源代码。 JavaScriptDebugging 区域用于调试,我们很快就会对其进行探索。
现在,您可以再次单击切换按钮来隐藏资源列表,为您的代码释放一些空间。
3. 控制台
如果我们按 Esc,下面会出现一个控制台。 我们可以输入一些命令并按回车键