1 课程内容概括

在软件开发中，难免会遇到各种bug，如何通过调试debug是非常重要的。本课程针对前端开发中在Node.js环境下的开发调试知识，以及一些常见的调试技巧做出了介绍。

2 Node.js调试

如果通过浏览器的开发者工具调试，需要以下步骤：

首先执行命令

node --inspect=8888 index.js

随后通过Chrome浏览器访问服务

接下来点击绿色的Node图标，可以打开Node调试面板，需要在chrome://inspect/#devices 配置network target

最后就可以在Node的调试面板中利用断点调试了。

如果使用VSCode，则在VSCode点击运行后，首先添加配置，随后启动调试、添加断点，即可在VSCode中显示变量值及堆栈等调试所需的信息。

(1)通过以下步骤可以实现overrides的线上即时修改：

1.在浏览器的开发者工具中打开Source选项卡的overrides

2.点击Select folders for overrides，并选择本地的空目录

3.允许授权

4.在page中修改代码，完成后通过Ctrl（Windows） / command（Mac） + S 保存

5.在开发者工具的右上角点击三个点形状的图标，选择More tools（更多工具）-> Changes（修改），可以看到所做的修改。

(2)通过代理服务器的方式，可以解决开发时的跨域问题。

(3)在线上没有Source Map时，可以启用本地Source Map，启用这一功能的方法是利用Map Local网络映射功能。

(4)利用代理工具，可以实现Mock数据。在保存接口的响应文件到本地后，可以编辑想要Mock的数据，然后可以通过Map Local的方式指定Local Patch为修改后的相应文件。

(5)《程序员修炼之道》中的小黄鸭调试大法。通过在桌子上放置小黄鸭并向鸭子解释每行代码的方式，定位并修复问题。

本笔记涉及到在Node.js使用浏览器和VSCode调试的方法。

在前端调试中，还有一些常用的调试技巧。