as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
AWS
文档
Support
Contact Us
My Cases
新手入门
设计和开发
应用发布
参考
支持

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

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

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

设置端口转发

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

设置端口转发

  • 打开命令提示符,然后运行以下命令,具体取决于您的设备。

    Vega虚拟设备:

    已复制到剪贴板。

      kepler virtual-device start
    
      kepler 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中运行应用后,您可以调试应用。

调试您的应用

  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虚拟设备设置端口转发。
  • 如果您使用云环境,请确保使用以下SSH配置选项:

      LocalForward 8081 127.0.0.1:8081
      LocalForward 8097 127.0.0.1:8097
    

其他资源


Last updated: 2025年9月30日