iOS-React Native调试配置

image.png

在模拟器中打开调试设置

• 使用快捷键control + ⌘ + z或菜单栏-->Hardware-->Shake Gesture

各项说明

• Reload：表示会重新刷新页面
• Debug JS Remotely：表示远程调试JS，下面会说明
• Enable Live Reloading：表示实时全部刷新页面，修改完页面全部刷新页面
• Start Systrace：表示会捕捉追踪你的页面加载顺序
• Enable Hot Reloading：表示实时局部刷新页面
• Show Inspector：打开检查器
• Show Perf Monitor：打开新能监视器

在Chrome浏览器中调试JS

• 安装 React Developer Tools 扩展，注意选择允许访问文件网址

  
  image.png

• 安装完成后在浏览器打开http://localhost:8081/debugger-ui

• 启动你的App，并打开模拟器调试界面，如上图选择 Debug JS Remotely

• 然后刷新http://localhost:8081/debugger-ui，打开浏览器调试面板
  

  image.png