一、通过谷歌浏览器调试
-
按ctrl+m 模拟器上就会出现下面的弹窗,然后选择Debug
-
然后就会在谷歌浏览器中打开
- 按F12就能打开控制台查看,但是无法审查元素,这些元素还是当前页面的,不是我们编写的页面
还有一个问题就是不能查看发出的请求,这个可以通过配置来解决,在根目录下的index.js
中添加如下配置即可
GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest;
二、用react-native-debugger
来调试
-
下载软件
下载地址
打开选择对应版本下载即可
-
解压打开运行
react-native-debugger.exe
-
点击
Stop Debugging
结束上面在浏览器的debug,并在浏览器中关闭打开的页面
-
重新ctrl+m ,debug,就可以连接到
三、总结
- 谷歌浏览器调试,不能查看调试的元素,想要看到请求的发出,需要配置
- react-native-debugger可以查看元素与请求,推荐使用