当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
如果你正在使用Microsoft Visual Code,那么安装React Native Tools扩展。然后,只需单击所需的行号就可以添加断点。 按照以下步骤来安装和调试应用程序:
不要忘记启用调试JS远程模拟器,如果你使用它。
其他回答
Mac: Cmd+M
Windows和Linux: Ctrl+M
在模拟器中使用适当的热键。它会弹出Chrome浏览器,从那里你可以使用开发人员工具。
编辑:
现在在帮助文档中有链接。
非常简单,只有两个命令
For IOS $ react-native log-ios
For Android $ react-native log-android
对我来说,在React-Native上调试的最好方法是使用“Reactotron”。
安装Reactotron,然后将这些添加到你的package.json:
"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2",
现在,只需要登录您的代码。 例如:console.tron.log(调试)
React本机调试器。它帮我解决了90%的问题
在Windows中,使用android模拟器,你可以执行以下步骤:
模拟器运行后,应用程序在它上面,按下菜单按钮,然后选择“调试JS远程”或“调试在Chrome中”(这取决于模拟器使用)。你可以看到下一个图像作为参考:模拟器的步骤图像 一个新的Chrome标签将出现。你必须按Ctrl + J来显示开发人员工具,并开始跟踪调试步骤。请看这张图片作为参考
此外,您应该使用console.log()特性来使调试过程更具描述性。
推荐文章
- 改变开关的“开”色
- 以编程方式将EditText的输入类型从PASSWORD更改为NORMAL,反之亦然
- 如何在隐藏和查看密码之间切换
- 在Android上调整一个大的位图文件到缩放输出文件
- iPhone上UIView和UILabels的渐变
- 如何更改Android版本和代码版本号?
- Android Studio突然无法解析符号
- 应用程序重新启动而不是恢复
- keychain上的分发证书中缺少私钥
- 在实现API时,我如何避免在块中捕获自我?
- 如何设置整个应用程序在纵向模式?
- 我如何调试git/git-shell相关的问题?
- Android中文本的阴影效果?
- 以编程方式设置TextView的布局权重
- Android -如何覆盖“后退”按钮,所以它不完成()我的活动?