极客教程Node.js Chrome开发工具
在本文中，您将了解如何将node.js代码与Chrome开发工具连接起来。首先我们将了解Devtools和Chrome，然后继续连接Node.js与Chrome Devtool的步骤。
Chrome开发工具： Chrome DevTools是一组直接内置在Google Chrome浏览器中的Web开发工具，可让您检查网页的DOM和网络活动。
Node.js： Node.js是一个基于Chrome V8引擎构建的JavaScript运行时引擎。它用于服务器端编程，主要用于非阻塞、事件驱动的服务器，例如静态网站和后端API服务。
node.js的问题在于其不灵活的调试选项。在node中，您只能通过在CLI上进行控制台输出来测试代码，这使得我们很难记录更大的消息或对象结构，甚至无法对CPU或堆内存进行性能分析。为了解决这个问题，您可以使用Chrome DevTools。Node.js提供了一种将您的脚本与Chrome连接起来的方法。下面解释了此方法的步骤：
使用node.js进行Chrome开发工具的方法：
步骤1： 下载并安装NODE.JS，请参阅此链接
步骤2： 在CLI上使用 –inspect 标志运行node
注意： 使用 –inspect-brk 以添加行断点
步骤 3: 接下来，打开 Chrome 浏览器并在地址栏输入 about:inspect 它会将您重定向到 chrome://inspect
步骤4： 点击 打开专用的Node DevTools 链接。它会带你进入开发工具。
关于检查： 这是进入DevTools页面的方式，它包含一些选项，例如：
- 发现USB设备和发现网络目标： 查找已连接的服务器
- 端口转发按钮： 添加端口和IP地址
- 服务工作者： 关于服务工作者
- 页面： 使用检查选项在Chrome中打开的页面
关于开发工具： 开发工具包含5个选项卡：
1. 连接： 在这里，您可以添加连接地址，如 localhost:9229 这是您运行Node脚本的地方。
2. 控制台： 用于记录调试、警告或错误信息。此选项卡类似于命令提示符。它包含以下选项：
- 保留日志： 保留已记录的信息
- 实时表达式： 创建一个实时更新的表达式
- 清除控制台按钮： 清除日志
- 过滤器： 过滤日志
3. 来源: 脚本和调试选项。在这里您可以运行脚本并通过断点进行调试。它包括：
- 文件系统: 打开本地文件夹。
- 播放/暂停、步入/步出、停用/启用断点。
- 调用堆栈: 函数执行顺序的堆栈。
- 作用域: 本地和全局变量的作用域。
4. 内存： 执行与内存相关的操作。您可以找到您的节点脚本使用的堆内存量。它包括以下选项：
- 堆快照： 堆快照配置文件显示页面的 JavaScript 对象和 DOM 节点之间的内存分布
- 时间轴上的分配仪器： 分配时间轴显示随时间变化的 JS 分配仪器
- 分配抽样： 使用抽样方法记录内存分配
- 拍摄/清除快照按钮
5. Profiler: 用于检查项目的性能。其中有一个选项是记录JS CPU配置文件，用于显示页面JS函数的执行时间。
应用程序： 现在，您还可以使用所有Chrome的调试功能来调试Node.js。例如：
- 使用源代码选项卡进行断点调试。
- 使用新的ES6 Node.js功能进行控制台输出，如对象展开。
- 对JavaScript代码进行性能分析。
- 堆快照，分配采样。
- 针对Promise等异步功能的堆栈。
- CPU检查。
现在，您不再需要依赖CLI来调试您的Javascript项目。通过这个灵活的Chrome，您可以对您的项目进行很好和快速的分析。