极品分享

Chrome中调试React Native应用

访问应用程序内开发者菜单:

  1. 在 iOS 中摇动设备或在虚拟机里按组合键 control + ⌘ + z .

  2. 在 Android 中摇动设备或按硬件菜单按钮 (旧的设备中以及大多数虚拟机中都有效,例如, 在 捕获异常时暂停 以获得更佳的调试体验。

    在实际设备上进行调试:

    1. 在 iOS 中,通过开发者菜单选择 Enable Live Reload ,当 JavaScript 有任何改动时,应用程序会自动重新加载。

    2. 在 Android 中,启动开发菜单,进入 Dev Settings 并选择 Auto reload on JS change 选项。

    3. 在 iOS 中,- 打开文件 RCTWebSocketExecutor.m 并更改 localhost 为你的电脑IP地址。摇动设备打开开发菜单,选择启动调试。

    4. 在 Android 中, 如果你正在运行通过 USB 连接的 Android 5.0+ 设备,您可以使用 adb 命令行工具来从设备到您的计算机设置端口转发。 运行: adb reverse 8081 8081 (参阅 React Developer Tools 作为谷歌浏览器的扩展。这将允许您通过 React 在开发工具中导航组件层次结构 ( 更多详情参阅 <a rel="nofollow" href="https://github.com/facebook/react-devtools" "="" style="box-sizing: border-box; color: rgb(45, 133, 202); text-decoration: none; background-color: transparent;">facebook/react-devtools )。

      Live Reload

      这个选项可触发 JS 在连接设备/模拟器上自动刷新。启用此选项:

      FPS (每秒帧数) 显示器

      在 0.5.0-rc 以及更高的版本,为了帮助调试性能问题,你可以在开发者菜单启用 FPS 图形叠置。


    2016-07-31 0 /
    React Native
    /
    标签: 

    评论回复

    回到顶部