基于React Native开发iOS--调试

1.运行项目

选中模拟器,按快捷键command + D ,模拟器上会出现如下图所示的菜单:

基于React Native开发iOS--调试_第1张图片
运行效果图

  • Reload 刷新页面
  • Debug JS Remotely 在浏览器中调试,点击后会启动Chrome浏览器,和调试WEB一样;
  • Enable Live Reload 自动刷新
  • Show Perf Monitor 对UI额JavaScript的FPS 进行监听;
  • show Inspector 查看元素的位置、样式层级关系等;
  • start Systrace 监控应用在一段时间内的指标信息;

有的人会发现怎么按command+D都没有反应,那就调整一下你的模拟器键盘:


基于React Native开发iOS--调试_第2张图片
设置键盘

2.选择Debug

chrome自动打开(浏览器会显示如下界面,同时会弹出一个提示访问你的项目文件,请点击允许)


基于React Native开发iOS--调试_第3张图片

3.选择浏览器中的开发者工具

基于React Native开发iOS--调试_第4张图片

4.选择开发者工具中的sources

基于React Native开发iOS--调试_第5张图片

再运行项目的时候就会跳到断点的地方去;如果需要关闭Debug状态,需要在模拟器中按快捷键command+D 在菜单中关闭debug状态!

越努力越幸运!

你可能感兴趣的:(基于React Native开发iOS--调试)