如何在 React-Native 上分析网络？

Question

我正在搜索一天，但无法获得正确的解决方案。

我必须知道如何在我的 react-native 应用程序上分析网络请求。

我正在将数据上传到 API 和两台服务器，想知道上传数据的大小。 我怎么能跟踪那个。

我尝试过 Android Studio Network Profiler，但我认为它错过了一些请求部分，并且有一个 IOS 端的应用程序。 有什么建议吗？

提前致谢

Answer 1

为了在 iOS 上查看网络请求，您需要做一些事情。

首先，您需要在 iOS 设备上启用 Web Inspector。 在 iOS 上，转到设置 > Safari > 高级。 在那里您可以启用“Web Inspector”。

其次，打开 Safari 并确保您可以选择顶部菜单栏中的“开发”菜单项。 如果不是，您必须通过转到 Preferences.. > Advanced 在 Safari 首选项中启用开发人员设置，底部附近应该有一个复选框，可以在菜单栏中启用 Develop 菜单。

最后，在运行 React Native 应用程序的情况下，通过 USB 将您的 iOS 设备插入计算机并打开 Safari。 打开“开发”菜单，您应该会看到您的 iOS 设备被列为第 3 或第 4 项之一。 从菜单中选择您的 iOS 设备，应弹出一个带有“可检查元素”列表的子菜单。 您的 React Native 应用程序应该列在那里，这将打开 Safari 的开发人员工具。

从这里您应该能够选择网络选项卡，并能够为 iOS 上的 React Native 应用程序配置网络。

至于Android，则必须由其他人来回答。 祝你好运！