当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
对于Android应用程序,如果你正在使用Genymotion,你可以通过按CMD + m来切换菜单,但你可能必须在菜单中启用它。
取消小部件 通过CMD + m单击debug在chrome中启用它
其他回答
在Windows中,使用android模拟器,你可以执行以下步骤:
模拟器运行后,应用程序在它上面,按下菜单按钮,然后选择“调试JS远程”或“调试在Chrome中”(这取决于模拟器使用)。你可以看到下一个图像作为参考:模拟器的步骤图像 一个新的Chrome标签将出现。你必须按Ctrl + J来显示开发人员工具,并开始跟踪调试步骤。请看这张图片作为参考
此外,您应该使用console.log()特性来使调试过程更具描述性。
对于Android模拟器,在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。
您可以使用expo进行调试:https://expo.io/
Expo让web开发者能够构建真正的本地应用程序,可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放 源代码,免费并使用React Native。
这是一个很棒的工具,你可以在React Europe conf上观看这个研讨会:
https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s
使用可视化代码工作室调试react原生android和ios应用程序的最佳方法
步骤1。
安装React Native -完整的扩展包
步骤2。
使用USB调试模式连接移动设备或从android工作室打开模拟器。
步骤3。
在可视代码工作室的左侧菜单中单击调试选项 点击添加配置,选择React Native,然后创建launch.json
步骤4。
打开dev选项在手机上的长后按或摇手机和启用调试js远程
第5步。
最后一步点击播放按钮,选择调试android或调试ios
更多信息请参考这个链接
https://medium.com/@tunvirrahmantusher/android-debug-with-vscode-for-react-native-96f54d73462a
对于Android: Ctrl + M(模拟器)或摇动手机(在设备中)显示菜单。
对于iOS: Cmd + D或摇晃手机显示菜单
确保你有铬。
在显示的菜单上选择Debug JS远程选项。
Chrome将在localhost:8081/debugger-ui自动打开。您也可以使用此链接手动转到调试器。
那里显示控制台,你可以看到日志被记录。
推荐文章
- UICollectionView中的单元格间距
- ImageView -有高度匹配宽度?
- 如何确定在android文件的MIME类型?
- 我如何在我的iOS应用程序中每n分钟得到一个后台位置更新?
- Eclipse调试器总是阻塞在ThreadPoolExecutor上,没有任何明显的异常,为什么?
- 这是在Android中获取用户位置的好方法
- Android从左到右幻灯片动画
- 如何检索视图的维度?
- 如何改变菜单项的文本颜色在安卓?
- Android选择器和文本颜色
- 如何使用iOS创建GUID/UUID
- Visual Studio:如何打破处理异常?
- 视图绑定-我如何获得包含布局的绑定?
- 禁用所呈现视图控制器的交互式撤销
- 在Android Studio中改变矢量资产的填充颜色