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

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

大功告成!!

相关推荐
社恐的下水道蟑螂20 分钟前
从字符串到像素:深度解析 HTML/CSS/JS 的页面渲染全过程
javascript·css·html
Hello_WOAIAI23 分钟前
2.4 python装饰器在 Web 框架和测试中的实战应用
开发语言·前端·python
搬山.摧城29 分钟前
线程池和单例模式
开发语言·单例模式
百锦再33 分钟前
第1章 Rust语言概述
java·开发语言·人工智能·python·rust·go·1024程序员节
一叶之秋141243 分钟前
QT背景介绍与环境搭建
开发语言·qt
java1234_小锋1 小时前
PyTorch2 Python深度学习 - 模型保存与加载
开发语言·python·深度学习·pytorch2
行走的陀螺仪1 小时前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽1 小时前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
ACP广源盛139246256731 小时前
(ACP广源盛)GSV2231---DisplayPort 1.4 MST 到 HDMI 2.0/DP/Type-C 转换器(带嵌入式 MCU)
c语言·开发语言·单片机·嵌入式硬件·音视频·mst
quant_19861 小时前
【教程】使用加密货币行情接口 - 查询比特币实时价格
开发语言·后端·python·websocket·网络协议