本文的章节均使用Android版测试机来说明步骤,iOS的步骤基本一致。

如何启动Chrome调试 #

在开始这一节之前,首先先确认 Chrome 和 React Developer Tools (Chrome 扩展程序)已经安装完毕,并且react native packager服务已经正确启动。React Native不支持Safari和火狐的调试工具。

  • 晃动手机,出现浮动菜单。选中 JS Bundle加载方式
  • 选中应用的hybirdId
  • 在弹出设置内启用 Debug in The Chrome,然后按下 保存并重启
  • Chrome 会自动启动,打开 Chrome 调试工具,即可开始调试 React Native 的 JS 代码了。若 Chrome 未自动启动,可能是安装的某些软件的设定冲突阻止了Chrome启动(已知的软件有 Mac 版的 Paralles Desktop),可以自行打开Chrome并访问http://localhost:8081/debugger-uienable-debugging.png