如何在 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，則必須由其他人來回答。 祝你好運！