使用开发者菜单工具调试您的应用

在应用内开发者菜单中可以访问调试工具，这些工具包括元素检查器和性能监视器。

​

设置端口转发

要访问应用的开发者菜单调试工具，首先需要将应用连接到Metro bundler。要将您的应用连接到Metro bundler，必须设置端口转发。 设置端口转发

• 打开命令提示符，然后运行以下命令，具体取决于您的设备。 Vega虚拟设备：
  vega virtual-device start
  
   vega device start-port-forwarding --device <设备名称> -p <端口> --forward false
  
  Fire TV Stick：
  vda reverse tcp:8081 tcp:8081 && vda reverse tcp:8097 tcp:8097
  

​

启动Metro bundler

在使用Vega虚拟设备或Fire TV Stick启动应用之前，启动Metro bundler。 启动Metro bundler

• 打开命令提示符，然后运行以下命令。
  npm start
  

​

启动您的应用

启动Metro bundler后，您可以启动您的应用。 启动您的应用

• 按照说明在Vega虚拟设备或Fire TV Stick中启动应用。

​

调试您的应用

在Vega虚拟设备或Fire TV Stick中运行应用后，您可以调试应用。 调试您的应用

1. 在Metro bundler终端窗口中，单击d以在正在运行的应用中将开发者菜单打开。
2. 选择调试选项：
   • Reload - 重新加载应用。
   • Open Debugger—打开Flipper调试器 (React Native 0.72) 或Chrome DevTools（React Native 0.73或更高版本）。您也可以使用Chrome的远程调试器访问调试器。
   • Show Element Inspector – 显示React的原生元素检查器。
   • Disable Fast Refresh – 在代码更改后禁用应用的热重载。
   • Configure Bundler – 配置JavaScript bundle可用的地址。
   • Show Perf Monitor —打开性能监视器。

​

应用调试故障排除

• 修复调试问题
• 如果Metro bundler未连接到您的应用，请确保已使用vda reverse命令为Fire TV Stick设置端口转发，或已使用ssh sim -R命令为Vega虚拟设备设置端口转发。
• 管理文件、崩溃报告和日志
• React Native基础调试文档（只提供英文版）

---