react-native项目调试

一、通过谷歌浏览器调试

• 按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可以查看元素与请求，推荐使用