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