React Native 是一个流行的跨平台移动应用开发框架，但随着应用复杂度的增加，性能问题逐渐显现。为了更好地理解和优化 React Native 应用的性能，Facebook 开发了 Flipp

最近接手了一个react-native的项目，因为从来没接触过，前人留下的文档也没什么这方面的内容，再加上windows系统什么奇葩问题都有，在踩坑的路上披荆斩棘，可算是成功配好环境并调试。 这里记录

公司的 App 与设备交互，指令信息不清晰，测试难分辨问题来源。一般让 App 排查，仅看指令返回内容判断问题，可能是设备未返回或数据错误。若测试过程中有工具实时查看内容，便能明确问题，避免反复排查。

在本教程中，我们将向你展示如何使用React Native Debugger来--你猜对了--调试React Native应用程序。 你可能想知道，为什么不使用默认的React Native调试工具？

在 0.73 的版本中新增了新的 debugger 方式，通过打开一个 Chrome 或 Microsoft Edge 调试工具来查看日志，内存等相关。

学习开发自己的调试工具，就要先看懂官方的示例开始。看看怎么做到通信的，怎么处理交互的。这样自己开发这种工具或看第三方的时候就会更容易理解。

React Native 中的Webview调试，除了vConsole，使用Chrome工具会更加便捷～

react-native-network-logger 一个方便实时查看日志的库，集成到 app 中增加测试对你的好感度。

在index.js加入以下内容```````````````````````````````````