Chrome

运行 yarn start 的时候会自动打开 http://localhost:8081/debugger-ui

react-native-debugger

社区开源的 debugger 工具，功能强大

brew install --cask react-native-debugger
open "rndebugger://set-debugger-loc?host=localhost&port=8081"

1、如何调试接口：

官方文档 有说明

右键，然后点击这个 enable network inspect，然后 reload 一下，就可以在 network 看到接口信息了~

上面是 第一种方案，还可以定义配置文件

react-devtools

其实是 react-native-debugger 左下角的那个子模块

flipper

Facebook 开源的 debugger 工具，功能强大。

直接官网下载一个 dmg 的安装包。

打开直接用

对比

我觉得 react-native-debugger 比 flipper 好用，原因符合前端开发习惯：

• 比如点击元素可以直接对应到 dom 节点上
• network 调试很像 chrome，对于前端开发很友好

但是 flipper 是 Facebook 背书，后续发展的更好也不一定，总之能解决你的问题就行

参考资料

https://www.react-native.cn/docs/debugging
https://github.com/facebook/flipper
https://github.com/jhen0409/react-native-debugger