RN在浏览器里面调试
首先使用快捷键 command + M (安卓是command+M而苹果是command+R)打开模拟器的开发者调试界面 如下:
5AA8797B-1B17-44DD-9B8B-4F39CF255267.png
打开浏览器并输入以下:http://localhost:8081/debugger-ui/
你将会打开这个界面:
17AF88BC-31F8-4528-8D34-2CBDD33F2A6A.png
再用快捷键:command+option+i打开调试栏.这个时候你并不能看到模拟器各种操作所发的网络请求以及,你输入的console.log().
原因是你还需要在app的index.js文件里面键入这段代码:
GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest
如下图显示:
WX20190327-095601.png
注意,这个index,是你项目目录下的index.js不是你app文件夹下的index.js
再次打开你的浏览器发送网络请求,再次查看network和console能看到如下效果,证明已经可以快乐的调试RN了
WX20190327-095839.png