V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
loveyou1
V2EX  ›  JavaScript

[不懂就问] :关于代码调试

  •  
  •   loveyou1 · 2021-11-30 20:23:39 +08:00 · 992 次点击
    这是一个创建于 850 天前的主题,其中的信息可能已经有所发展或是发生改变。

    问题:

    我在浏览器控制台调试源码的时候打 debugger, 然后想看断点后每一步执行的过程,这个过程希望只在我的源码下跳转,而不希望跑到其他 npm 库的源码下去了。
    

    举例:

    一个 React 项目,我在我写的 .tsx 文件中打了一个断点, 当我想看它继续执行,就会跑到 React 源码的 setValue 去,我并不想了解这个过程,我希望,在我写的代码里面进行下一步的跳转。

    const Home:React.FC<{}> = () => {
      const [value, setValue] = useState('');
      
      useEffect(() => {
      	debugger
      	setValue('xxx')
      }, [])
      
        
      return <div></div>
    
    }
    
    • 不要给我说多打几个断点进行断点间的跳转,没有意义,我就是想了解他执行到哪儿了。

    大佬们有啥解决方案吗,望指点。

    iyaozhen
        1
    iyaozhen  
       2021-11-30 20:32:41 +08:00
    https://developer.chrome.com/docs/devtools/javascript/#code-stepping

    Click Step over next function call Step over next function call.. DevTools executes inputsAreEmpty() without stepping into it.

    调试的那里不是有好几个按钮嘛 各有各的用处
    loveyou1
        2
    loveyou1  
    OP
       2021-11-30 20:57:48 +08:00
    @iyaozhen 是这个道理
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2803 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:54 · PVG 20:54 · LAX 05:54 · JFK 08:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.