React Native Debugger在Chrome中查看network信息

栏目: 服务器 · 发布时间: 7年前

内容简介：最近在开发一个React Native的项目，用了React Native Debugger之后发现在浏览器中看不到network的信息，十分不方便。然后查了一下资料，找了一个最简单的解决方案，顺便就分享和记录一下~在入口文件（App.js）中加入这一行

最近在开发一个React Native的项目，用了React Native Debugger之后发现在浏览器中看不到network的信息，十分不方便。然后查了一下资料，找了一个最简单的解决方案，顺便就分享和记录一下~

第一步

在入口文件（App.js）中加入这一行

GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest

React Native Debugger在Chrome中查看network信息

第二步

彻底关闭Chrome，Windows建议打开任务管理器查看Chrome是否完全关闭

第三部

MAC:

直接用命令行打开

//chrome 浏览器
open -a "Google Chrome" --args --disable-web-security  --user-data-dir

//safari 浏览器 
open -a '/Applications/Safari.app' --args --disable-web-security --user-data-dir
复制代码

Windows:

一、命令行打开方式

"C:\Users\UserName\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir

二、配置快捷方式打开

右键Chrome快捷方式，然后打开Chrome属性，在目标中Chrome.exe后面敲一个空格然后添加

--disable-web-security --user-data-dir

然后就可以在Chrome中看到network的各种信息啦

参考链接：

1、https://github.com/facebook/react-native/issues/934
2、https://github.com/zhongxia245/blog/issues/28
复制代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

自己动手做iOS App

张子怡 / 电子工业出版社 / 2017-8 / 69.00

《自己动手做iOS App：从设计开发到上架App Store》为想要接触iOS 应用设计、开发的读者提供了由浅入深的详细指导。从iOS 应用制作的步骤是什么，应该使用什么软件，如何发布应用到App Store，到iOS 的设计理念是什么，如何正确书写Swift 语言，再到后端和客户端是如何交互运作的等，本书配合图示，精辟、直观地阐明了iOS 应用制作中的种种疑问。如果你是一位第一次接触i......一起来看看《自己动手做iOS App》这本书的介绍吧!

码农工具