【问题标题】:How to profile network on React-Native?如何在 React-Native 上分析网络?
【发布时间】:2020-01-30 06:14:39
【问题描述】:

我正在搜索一天,但无法找到正确的解决方案。

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

我正在向 API 和两台服务器上传数据,我想知道上传数据的大小。我该如何追踪它。

我尝试了 Android Studio Network Profiler,但我认为它遗漏了一些请求部分,并且应用程序有 IOS 端。有什么建议吗?

提前致谢

【问题讨论】:

    标签: javascript android ios react-native


    【解决方案1】:

    为了在 iOS 上查看网络请求,您需要做几件事。

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

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

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

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

    至于 Android,必须由其他人来回答。祝你好运!

    【讨论】:

    • 感谢您的回答。我在没有分析网络的情况下解决了我的问题。你的答案是解决 ios 方面的问题,所以我不能接受作为真正的答案,但我会投票。
    猜你喜欢
    • 2017-11-05
    • 2016-03-11
    • 2021-04-18
    • 1970-01-01
    • 2022-10-31
    • 1970-01-01
    • 2023-01-20
    • 2017-08-29
    • 1970-01-01
    相关资源
    最近更新 更多