让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进行调试，如图。