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断点

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

大功告成!!

相关推荐
烛阴13 小时前
【TS 设计模式完全指南】从“入门”到“劝退”,彻底搞懂单例模式
javascript·设计模式·typescript
轮到我狗叫了14 小时前
牛客.小红的子串牛客.kotori和抽卡牛客.循环汉诺塔牛客.ruby和薯条
java·开发语言·算法
正义的大古14 小时前
OpenLayers常用控件 -- 章节六:全屏控件教程
前端·javascript·html·openlayers
yudiandian201414 小时前
【QT 5.12.12 下载 Windows 版本】
开发语言·qt
高山有多高14 小时前
详解文件操作
c语言·开发语言·数据库·c++·算法
狂奔的sherry14 小时前
单例模式(巨通俗易懂)普通单例,懒汉单例的实现和区别,依赖注入......
开发语言·c++·单例模式
EnigmaCoder15 小时前
【C++】引用的本质与高效应用
开发语言·c++
zhangfeng113315 小时前
BiocManager下载失败 R语言 解决办法
开发语言·r语言
正义的大古16 小时前
OpenLayers常用控件 -- 章节七:测量工具控件教程
前端·javascript·vue.js·openlayers
CoderYanger16 小时前
MySQL数据库——3.2.1 表的增删查改-查询部分(全列+指定列+去重)
java·开发语言·数据库·mysql·面试·职场和发展