V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hokman
V2EX  ›  程序员

前端跟踪调试分析工具

  •  
  •   hokman · 2023-09-10 03:52:00 +08:00 · 1161 次点击
    这是一个创建于 447 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    ![670b00a17fce8352b33c7.png]( https://tu.ping8.top/file/670b00a17fce8352b33c7.png)
    hokman
        4
    hokman  
    OP
       2023-09-10 07:56:05 +08:00
    @bigha 啊。确实可以。我悟到了。谢谢!
    acthtml
        5
    acthtml  
       2023-09-10 09:18:58 +08:00
    按 f9 就是单步执行
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2722 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 05:34 · PVG 13:34 · LAX 21:34 · JFK 00:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.