WebStorm 中调试 (Debug) JavaScript 文件(js)
在WebStorm中调试JavaScript文件，你需要设置断点，启动调试会话，并使用浏览器中的JavaScript代码。以下是简化的步骤和示例：
- 打开WebStorm并打开你想要调试的JavaScript文件。
- 在你想要暂停执行并检查代码的行上，点击并设置一个断点（在行号旁边点击或者按下F9）。
- 点击顶部菜单的"运行"（Run）按钮，然后选择"编辑配置"（Edit Configurations）。
- 在弹出的窗口中，选择你的项目，然后在右侧点击"+”添加一个新的调试配置。
- 选择"JavaScript Debug"，然后在"URL"字段中输入你的页面地址，可以是本地服务器地址或者是一个在线地址。
- 确认或修改其他配置，然后点击"确定"。
- 返回"运行"菜单，选择你刚才创建的调试配置，并点击"开始调试会话"（或使用快捷键Shift+F9）。
- 当浏览器加载页面并执行到有断点的代码行时，WebStorm将暂停执行。
示例代码：
function sum(a, b) {
return a + b; // 设置断点在这行
}
const result = sum(5, 10); // 调用函数
console.log(result);在上面的代码中，在return语句前设置了一个断点。当调试开始并执行到这里时，WebStorm将暂停执行，允许你查看变量值、单步执行等。
评论已关闭