react-native debug工具

方法一：通过谷歌浏览器调试
第一步：打开模拟器内的开发菜单
模拟器内，windows使用快捷键win+M 键调出开发菜单，点击debug，自动打开浏览器调试页面http://localhost:8081/debugger-ui。(如果地址栏打开的是 ip 地址，则请自行改为 localhost)，然后F12打开开发者工具，进行调适。
第二步：配置文件，否则network将无法使用（此方法没有办法调试节点样式）
配置方法一：
注释掉node_modules/react-native/Libraries/Core/setUpXHR.js

注意这种方式只能用在你调试时查看网络请求，如果正式打包，请将注释改回。
配置方法二：
https://juejin.cn/post/6844903732497399816补充：节点样式可以使用模拟器中的开发菜单show Element Inspector，查看样式信息
第三步：使用
调出开发菜单，点击debug，弹出浏览器的debug页面，F12打开工具
方法二：react-native-debugger
暂时知道的最好用的工具，但是因为react-devtools版不匹配的原因，暂时无法使用
方法三：flipper
可以替代react-native-debugger

第一步：安装openssl，并配置环境变量，可能需要重启电脑后生效
第二步：安装完成后，安装完成之后配置一下环境变量。把openssl安装路径bin的路径（例如 C:\OpenSSL-Win64\bin）加入到操作系统的系统环境变量Path中。
安装watchman 环境，之后实践发现可以不安装，安装后项目将不能运行，可能是与react内的watchman冲突。
安装完成之后在左下角第二个图标可以看见环境的安装情况
第三步：安装插件
左上角第二个图标安装react-devtools-v3
运行项目，CTRL+ M 打开菜单，show Element Inspector可以在React DevTools中查看