React Native Debugger在Chrome中檢視network資訊

Bill Cheng?發表於2018-12-06

最近在開發一個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
複製程式碼

相關文章