当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
还有一个非常好的调试器Reactotron。 https://github.com/infinitered/reactotron
您不必在调试模式下查看一些数据值,而且有很多选项。
去看看真的很有用。;)
其他回答
在react-native的新版本中,您可以使用react-native log-android或react-native log-android查看应用程序在dev模式下的日志。
如果你想在Windows上使用android设备调试,只需打开命令提示符,然后输入(确保你的adb工作正常)
adb shell input keyevent 82
它将提示一个类似于图像的屏幕
然后选择
debug JS Remotely
它会自动打开一个新窗口。然后打开检查元件或按F12进入控制台。
你可以使用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
首先在你的ios模拟器中,如果你按[command + D]键,然后你可以看到这个屏幕。
然后单击远程调试JS按钮。
之后你可能会看到这样的React本机调试器页面。
然后打开你的检查器[f12],去控制台选项卡调试它!:)
你可以从brew安装React本机调试器。它比chrome中的调试器使用起来更舒服
推荐文章
- 如何在iOS中使用Swift编程segue
- Swift -整数转换为小时/分钟/秒
- Android API 21工具栏填充
- Android L中不支持操作栏导航模式
- Swift:声明一个空字典
- 如何为KnockoutJS调试模板绑定错误?
- 如何在TextView中添加一个子弹符号?
- 如何在构建目标之外生成gcc调试符号?
- PreferenceManager getDefaultSharedPreferences在Android Q中已弃用
- 在成功提交我的应用程序后,“太多符号文件”
- 在Android Studio中创建aar文件
- 首先添加一个UIView,甚至是导航栏
- 修改抽射超时时间
- 如何通过数据从第二个活动到第一个活动时按回?——安卓
- 如何在android中获得当前前景活动上下文?