javascript - 如何在 React Native 中查看网络请求(用于调试)？

Question

我想在 React Native 中查看我的网络请求以帮助我进行调试 - 最好是在 Chrome 开发工具的“网络”选项卡中。

GitHub 上有一些关于此的已关闭问题(https://github.com/facebook/react-native/issues/4122 和 https://github.com/facebook/react-native/issues/934)，但我并不完全理解它们。听起来我需要撤消一些 React Native 的 polyfill，然后运行一些带有额外调试标志的命令，也许还要修改一些 Chrome 安全设置？显然，这样做涉及一些安全问题，这可能使它成为一个糟糕的想法，但参与该线程的人都没有明确说明它们是什么。

有人可以提供让“网络”选项卡与 React Native 一起工作的分步指南，以及对这样做涉及的安全问题的解释吗？

Answer 1

我不确定为什么到目前为止还没有人指出这个解决方案。使用 React Native 调试器 - https://github.com/jhen0409/react-native-debugger !在我看来，它是 React Native 最好的调试工具，它提供了开箱即用的网络检查。

看看这些屏幕截图。

右键单击并选择“启用网络检查”

右键单击并选择“启用网络检查”

调试!