你也可以使用自定义库，如果你不想摇你的真实手机每2分钟

我创建了一个库，允许你在开发模式下使用3个手指触摸而不是摇晃来打开开发菜单

https://github.com/pie6k/react-native-dev-menu-on-touch

你只需要在里面包装你的应用程序:

从react-native-dev-menu-on-touch导入DevMenuOnTouch; //或:import {DevMenuOnTouch} from 'react-native-dev-menu-on-touch'

class YourRootApp extends Component {
  render() {
    return (
      <DevMenuOnTouch>
        <YourApp />
      </DevMenuOnTouch>
    );
  }
}

当你必须在真正的设备上调试并且你有同事坐在你旁边时，它真的很有用。

Mac： Cmd+M

Windows和Linux: Ctrl+M

在模拟器中使用适当的热键。它会弹出Chrome浏览器，从那里你可以使用开发人员工具。

编辑:

现在在帮助文档中有链接。

如果你正在使用Microsoft Visual Code，那么安装React Native Tools扩展。然后，只需单击所需的行号就可以添加断点。 按照以下步骤来安装和调试应用程序:

不要忘记启用调试JS远程模拟器，如果你使用它。

你可以使用Safari来调试iOS版本的应用程序，而不必启用“远程调试JS”，只需遵循以下步骤:

1. Enable Develop menu in Safari: Preferences → Advanced → Select "Show Develop menu in menu bar"
2. Select your app's JSContext: Develop → {Your Simulator} → Automatically Show Web Inspector for JS JSContext
3. Safari's Web Inspector should open which has a Console and a Debugger

你可以从brew安装React本机调试器。它比chrome中的调试器使用起来更舒服

这真的取决于我在做什么。如果我正在更改UI或调试UI，我通常会打开实时和热重新加载并进行更改，然后获得即时反馈。如果它是更技术性的东西，我打开JS调试来查看应用程序的状态。然而，因为在react本机中重新加载是如此之快，如果状态太混乱，我只是控制台日志。