idea 对JavaScript进行debug调试

文章目录

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

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

1.新增 JavaScript Debug 配置


2.配置访问地址

3.访问url. 打断点测试

  • 浏览器中输入url
  • 查看debug断点

    看到断点的变量就显示了。

大功告成!!

相关推荐
蓝婷儿10 分钟前
6个月Python学习计划 Day 16 - 面向对象编程(OOP)基础
开发语言·python·学习
渣渣盟26 分钟前
基于Scala实现Flink的三种基本时间窗口操作
开发语言·flink·scala
糯米导航1 小时前
Java毕业设计:办公自动化系统的设计与实现
java·开发语言·课程设计
糯米导航1 小时前
Java毕业设计:WML信息查询与后端信息发布系统开发
java·开发语言·课程设计
Carlos_sam1 小时前
Opnelayers:封装Popup
前端·javascript
MessiGo1 小时前
Javascript 编程基础(5)面向对象 | 5.1、构造函数实例化对象
开发语言·javascript·原型模式
大霞上仙1 小时前
nonlocal 与global关键字
开发语言·python
galaxy_strive1 小时前
绘制饼图详细过程
开发语言·c++·qt
前端小白从0开始2 小时前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
JohnYan2 小时前
Bun技术评估 - 03 HTTP Server
javascript·后端·bun