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

[loveyou1]

问题：

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

举例：

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

const Home:React.FC<{}> = () => {
  const [value, setValue] = useState('');
  
  useEffect(() => {
  	debugger
  	setValue('xxx')
  }, [])
  
    
  return <div></div>

}

• 不要给我说多打几个断点进行断点间的跳转，没有意义，我就是想了解他执行到哪儿了。

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

[iyaozhen]

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]

@iyaozhen 是这个道理