idea 对JavaScript进行debug调试

文章目录

    • 1.新增 JavaScript Debug 配置
    • 2.配置访问地址
    • 3.访问url. 打断点测试

前言 : 工作中接手别人的前端代码没有注释,看浏览器的network或者console切来切去,很麻烦,可以试试idea自带的javscript debug功能。

1.新增 JavaScript Debug 配置

idea 对JavaScript进行debug调试_第1张图片
idea 对JavaScript进行debug调试_第2张图片

2.配置访问地址

idea 对JavaScript进行debug调试_第3张图片

3.访问url. 打断点测试

  • 浏览器中输入url
    在这里插入图片描述
  • 查看debug断点
    idea 对JavaScript进行debug调试_第4张图片
    看到断点的变量就显示了。

大功告成!!

你可能感兴趣的:(#,web前端开发,#,前端项目,#,vue,javascript,开发语言,ecmascript)