• 请不要在回答技术问题时复制粘贴 AI 生成的内容
hokman
V2EX  ›  程序员

前端跟踪调试分析工具

  •  
  •   hokman · Sep 10, 2023 · 1986 views
    This topic created in 1152 days ago, the information mentioned may be changed or developed.

    我想找一个 js 跟踪调试分析工具,比如我在页面上点击了一个按钮,会触发一个 js 执行流程,我想看到每一步的执行。这里所谓的每一步,指让代码一行一行地执行,每执行一行,影响到了哪些变量、这些变量被影响前后的值、进入到了哪一个函数。 这相当于一个前端破解工具了。不知道有没有这样的工具?我知道 chrome 调试工具可以有此帮助,但是感觉还是不够方便。

    5 replies  •  2023-09-10 09:18:58 +08:00
    bigha
    bigha
    Sep 10, 2023
    1
    不知道你说的不够方便指的什么,chrome 的调试工具远比你描述的这些功能还多

    就好比,你有女朋友了,还一直说想找一个能能够完美替换撸管子的工具!
    hokman
    hokman
    OP
    Sep 10, 2023
    2
    @bigha chrome dev tool 能不需要设断点地单步执行么?难道我还没有悟到?
    bigha
    bigha
    Sep 10, 2023❤️2
    3
    @hokman 当然可以啊,可以设置从浏览器加载 js 开始就触发调试模式

    事件监听断点,然后把 javascript 勾选上就好了

    ![670b00a17fce8352b33c7.png]( https://tu.ping8.top/file/670b00a17fce8352b33c7.png)
    hokman
    hokman
    OP
    Sep 10, 2023
    4
    @bigha 啊。确实可以。我悟到了。谢谢!
    acthtml
    acthtml
    Sep 10, 2023
    5
    按 f9 就是单步执行
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2924 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 11:23 · PVG 19:23 · LAX 03:23 · JFK 06:23
    ♥ Do have faith in what you're doing.