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

本文介绍了如何在 React Native 中查看网络请求(用于调试)?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想在 React Native 中查看我的网络请求以帮助我调试 - 最好在 Chrome 开发工具的网络"选项卡中.

GitHub (

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

调试！

I'd like to view my network requests in React Native to help me debug - ideally in the 'Network' tab of Chrome's devtools.

There are some closed issues about this on GitHub (https://github.com/facebook/react-native/issues/4122 and https://github.com/facebook/react-native/issues/934) but I don't entirely understand them. It sounds like I need to undo some of React Native's polyfills and then run some commands with extra debugging flags, and maybe modify some Chrome security settings? And apparently there are some security issues involved in doing this that might make it a terrible idea, but nobody involved in the thread has explicitly stated what they are.

Could somebody provide a step-by-step guide to getting the Network tab working with React Native, as well as an explanation of the security issues involved in doing so?

解决方案

I'm not sure why no one has pointed out this solution so far. Use React Native Debugger - https://github.com/jhen0409/react-native-debugger! It is the best debugging tool for React Native in my opinion and it gives Network Inspection out of the box.

Take a look at these screenshots.

Right click and select 'Enable Network Inspect'

Debug away!

这篇关于如何在 React Native 中查看网络请求(用于调试)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！