使用开发者菜单工具调试您的应用
在应用内开发者菜单中可以访问调试工具,这些工具包括元素检查器和性能监视器。
设置端口转发
要访问应用的开发者菜单调试工具,首先需要将应用连接到Metro bundler。要将您的应用连接到Metro bundler,必须设置端口转发。
设置端口转发
- 
    打开命令提示符,然后运行以下命令,具体取决于您的设备。 Vega虚拟设备: kepler virtual-device startkepler device start-port-forwarding --device <设备名称> -p <端口> --forward falseFire 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
npm start命令是node node_modules/react-native/local-cli/cli.js start命令的别名。启动您的应用
启动Metro bundler后,您可以启动您的应用。
启动您的应用
- 按照说明在Vega虚拟设备或Fire TV Stick中启动应用。
调试您的应用
在Vega虚拟设备或Fire TV Stick中运行应用后,您可以调试应用。
调试您的应用
- 
    在Metro bundler终端窗口中,单击 d以在正在运行的应用中将开发者菜单打开。
- 
    选择调试选项: 
- 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虚拟设备设置端口转发。
- 
    如果您使用云环境,请确保使用以下SSH配置选项: LocalForward 8081 127.0.0.1:8081 LocalForward 8097 127.0.0.1:8097
其他资源
- React Native基础调试文档(只提供英文版)
Last updated: 2025年9月30日

