使用 react 本机调试器查看网络流量



我正在使用create-react-native-app(所以,Expo(开发一个React Native应用程序,使用我的网络IP地址(192.xxx.xxx.xxx(在真实设备上进行测试。我已经设法启动并运行了反应本机调试器并远程调试。它在 3 个单独的窗口中打开 rn-debugger、redux devtools 和 chrome devtools。

我的问题是,是否可以从Chrome开发人员工具中看到等效的网络选项卡,以显示进出应用程序的所有网络流量(例如,当我的应用使用Axios调用API时(?

Chrome 开发工具窗口中的实际网络选项卡可能只是显示调试器和本地设备上运行的应用之间的网络流量,因此它只显示调试器使用的 websocket 内容,而不是我的应用的网络流量。

为了解决这个问题,我可以在发出请求时对控制台进行大量日志记录,但作为 Web 开发人员,我习惯于能够在方便的视图中查看所有标头、json 和计时等。

好的,我在RND文档中找到了答案,所以我将回答我自己的问题。

https://github.com/jhen0409/react-native-debugger/blob/master/docs/network-inspect-of-chrome-devtools.md

那里有很多代码,但我意识到除了右键单击调试器并单击"启用网络检查"之外,您不必执行任何操作,如本页所述:

https://github.com/jhen0409/react-native-debugger/blob/master/docs/shortcut-references.md

好吧,让我建议你 reacttotron 是一个有用的工具,用于检查来自 react 本机应用程序的网络流量或事件。

最新更新