iOS-React Native调试配置

iOS-React Native调试配置_第1张图片
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 扩展,注意选择允许访问文件网址


    iOS-React Native调试配置_第2张图片
    image.png
  • 安装完成后在浏览器打开http://localhost:8081/debugger-ui

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

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

    iOS-React Native调试配置_第3张图片
    image.png

你可能感兴趣的:(iOS-React Native调试配置)