让JS的Debug模式变得跟Java Debug一样简单,是时候对Chrome的F12的控制台窗口说拜拜了!
学习目标
简单三步!快速学会IDEA JS Debug调试。
快速查阅
官方教程: Debugging JavaScript in Chrome
使用教程
- 安装浏览器插件(JetBrains IDE Support )
打开谷歌浏览器的应用商店,如被墙请先使用谷歌访问助手,然后搜索并安装JetBrains IDE Support 这款由IDEA官方提供的插件。

- 添加启动入口
在IDEA的菜单栏打开Edit Configurations ,点绿色“+”号选择JavcScript Debug ,然后填写需要进行JS调试的地址URL,底下的Project会自动生成。

- 启动DEBUG调试
在你需要的JS打上断点,启动这个JS DEBUG项目,然后进入断点回自动返回IDEA进行调试,如图。

网友评论