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

React Native Debugger在Chrome中查看network信息

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

参考链接:

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

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

查看所有标签

猜你喜欢:

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

The Web Designer's Idea Book

The Web Designer's Idea Book

Patrick Mcneil / How / 2008-10-6 / USD 25.00

The Web Designer's Idea Book includes more than 700 websites arranged thematically, so you can find inspiration for layout, color, style and more. Author Patrick McNeil has cataloged more than 5,000 s......一起来看看 《The Web Designer's Idea Book》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具