一、react-devtools 调试工具
1.调试样式:
github地址:
https://github.com/facebook/react-devtools/tree/master/packages/react-devtools
安装方法:
yarn global add react-devtools || npm install -g react-devtools
使用方法:
终端输入:react-devtools
出现如下所示图片(配合模拟器inspector可以像开发网页一样简单):
2.调试js
打开http://localhost:8081/debugger-ui/就可以看到
二、ios模拟器调试
1.ios调试方法
快捷键:control+d 模拟器会弹出如下弹窗
选择Toggle Inspector ,就可以用鼠标点击页面上的元素进行调试了;
3.两种方式结合使用:
在模拟器中点击组件,右侧开发工具中就会出现那个组件,和开发web类似,可以快速debug;