React Native Debugger在Chrome中檢視network資訊

摘要： 最近在開發一個React Native的專案，用了React Native Debugger之後發現在瀏覽器中看不到network的資訊，十分不方便。然後查了一下資料，找了一個最簡單的解決方案，順便就分享和記錄一下~ 第一步 在入口檔案（App.js）中加入這一行 GLOBAL....

最近在開發一個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:

一、命令列開啟方式

"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
複製程式碼