React Native Debugger在Chrome中查看network信息

最近在開發一個React Native的項目，用了React Native Debugger以後發如今瀏覽器中看不到network的信息，十分不方便。而後查了一下資料，找了一個最簡單的解決方案，順便就分享和記錄一下~

第一步

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

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

第二步

完全關閉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:

1、命令行打開方式

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

2、配置快捷方式打開

右鍵Chrome快捷方式，而後打開Chrome屬性，在目標中Chrome.exe後面敲一個空格而後添加

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

而後就能夠在Chrome中看到network的各類信息啦

參考連接：

一、https://github.com/facebook/react-native/issues/934
二、https://github.com/zhongxia245/blog/issues/28
複製代碼