WebStrom 前端项目Debug

1. 正常启动前端项目

WebStrom 前端项目Debug_第1张图片

2. 配置webStrom的JavaScript Debugger

  • 点击Edit Configurations
  • 添加avaScript Debug
  • 填写URL 为项目启动路径
  • 配置要Debug的浏览器
  • -remote-allow-origins=* (最重要,否则唤起的是一个about:blank空白页面)
    WebStrom 前端项目Debug_第2张图片

WebStrom 前端项目Debug_第3张图片

3. 启动Debug模式

WebStrom 前端项目Debug_第4张图片

4. 打上断点,触发函数

WebStrom 前端项目Debug_第5张图片

你可能感兴趣的:(javascript)