/**
* 官网文档:https://reactnative.dev/docs/next/react-devtools
*/
1、本想在Demo项目中添加依赖(npx react-devtools),但其他项目就需要再操作一次,所以全局安装就好了
yarn global add react-devtools 或 npm install -g react-devtools
安装成功后,运行命令react-devtools,会自动打开Electron窗口
2、新开一个终端窗口输入命令adb shell input keyevent 82,然后选择Show Element Inspector
3、点击Profiler tab
正常进来这个圆点是高亮的,那表示成功监听8097端口。
选择右上角Compenonts,可以直接修改组件的属性信息,在手机上直接生效
4、按照官网文档操作,刚开始有点懵逼,到底连接成功了没有?接下来需要怎么调试?...我是用安卓真机连接电脑,然后一顿操作后,还是连接不上,然后仔细看了下文档有个故障排除的解决方案。在运行命令react-devtools前,我已经用命令adb shell input keyevent 82打开调试菜单,选择好了Show Element Inspector。如果进入Profiler还是没有连接上,那试下
然后命令adb shell input keyevent 82打开调试菜单,Show/Hide Element Inspector反复切换,应该就行了。