首页文章资源工具教程 栏目
React Native 中文版React Native 官网首页介绍React Native入门安装 Android 运行环境React Native 快速开发应用React Native样式React Native 手势应答系统React Native 辅助功能Native 模块(iOS)Native 模块(Android)Native UI 组件(iOS)Native UI 组件(Android)React Native 链接库React Native 应用调试React Native 测试在设备上运行(iOS)在设备上运行(Android)与现有的应用程序集成React Native JavaScript环境React Native 已知IssuesReact Native iOS活动指示器React Native iOS日期选择器React Native DrawerLayoutAndroidReact Native 图像React Native 列表视图React Native Map视图React Native 导航器React Native iOS导航器React Native iOS选择器React Native ProgressBarAndroidReact Native 滚动视图React Native iOS滑块React Native SwitchAndroidReact Native iOS开关React Native iOS选项卡React Native TabBarIOS.ItemReact Native 文本React Native 文本输入React Native ToolbarAndroidReact Native 高亮触摸React Native 不透明触摸React Native 无反馈触摸React Native 视图React Native Web视图APIs iOS警告APIs 应用程序注册表APIs iOS应用程序状态APIs 异步存储APIs BackAndroidAPIs 相机滚动APIs 交互管理器APIs iOS链接APIs 网络信息APIs 全景响应器APIs 像素比率APIs iOS推送通知APIs iOS状态栏APIs 样式表APIs ToastAndroidAPIs iOS震动React Native FlexboxReact Native 定位React Native 网络React Native 计时器

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具，网友无需注册和下载安装即可使用

点击查看

React Native 应用调试

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

  1. 在 iOS 中摇动设备或在虚拟机里按组合键 control + ⌘ + z .
  2. 在 Android 中摇动设备或按硬件菜单按钮 （旧的设备中以及大多数虚拟机中都有效，例如， 在 genymotion 中，你可以按组合键 ⌘ + m 来模拟点击硬件菜单按钮）
提示

要禁用产品构建的开发人员菜单:

  1. 在 iOS 中，打开 Xcode 中的项目，选择 Product → Scheme → Edit Scheme... (或按组合键 ⌘ + <).下一步, 在左边的菜单中选择 Run 然后将 Build Configuration 改为 Release。
  2. 在 Android 中， 默认情况下, 由 Gradle 建立发布的开发者菜单将被禁用(例如， Gralde 的 assembleRelease 任务)。 虽然这种行为可以通过传递给 reactInstanceManager#setUseDeveloperSupport 正确的值来自定义。

重加载

选择 Reload (或者在 iOS 虚拟机中按组合键 ⌘ + r) 将会重新加载作用于你的应用程序中的 JavaScript 。 如果你增加了新的资源 (例如，将一幅图添加到 iOS 中的 Images.xcassets ，或 Android 中的 res/drawable 文件夹) 或者对任何本地代码进行修改 ( iOS 中的 Objective-C/Swift 代码或 Android 中的 Java/C++ 代码),你将需要重新生成该应用程序以使更改生效。

Chrome 开发工具

在 Chrome 中调试 JavaScript 代码，在开发者菜单选择 Debug in Chrome 。 将打开一个新的标签 http://localhost:8081/debugger-ui。

在 Chrome 中，按下组合键 ⌘ + option + i 或选择 View → Developer → Developer Tools 切换开发工具控制台。 启用 捕获异常时暂停 以获得更佳的调试体验。

在实际设备上进行调试：

  1. 在 iOS 中，- 打开文件 RCTWebSocketExecutor.m 并更改 localhost 为你的电脑IP地址。摇动设备打开开发菜单，选择启动调试。
  2. 在 Android 中， 如果你正在运行通过 USB 连接的 Android 5.0+ 设备，您可以使用 adb 命令行工具来从设备到您的计算机设置端口转发。 运行： adb reverse 8081 8081 (参阅 此链接 以获得 adb 命令详情)。 或者，你可以打开设备上开发菜单并选择开发设置，然后为设备设置更新调试服务器主机到您的计算机的 IP 地址。

React 开发工具 (可选)

安装 React Developer Tools 作为谷歌浏览器的扩展。这将允许您通过 React 在开发工具中导航组件层次结构 ( 更多详情参阅 facebook/react-devtools )。

Live Reload

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

  1. 在 iOS 中，通过开发者菜单选择 Enable Live Reload ，当 JavaScript 有任何改动时，应用程序会自动重新加载。
  2. 在 Android 中，启动开发菜单，进入 Dev Settings 并选择 Auto reload on JS change 选项。

FPS (每秒帧数) 显示器

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

链接: https://fly63.com/course/16_862

React Native 测试 >>