React Native开发之调试

本文详细介绍了React Native应用的调试过程,包括如何在Android和iOS模拟器以及真机上开启Developer Menu,重载JavaScript的几种方式,特别是Live Reload和Hot Reloading的功能。此外,还讲解了利用Chrome调试工具进行远程调试的步骤和技巧,如Sources面板、断点管理和全局断点设置,帮助开发者提升调试效率。
摘要由CSDN通过智能技术生成

在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。

Developer Menu

Android模拟器:

可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。

iOS模拟器:

可以通过Command⌘ + D快捷键来快速打开Developer Menu。

在真机上开启Developer Menu:

在真机上你可以通过摇动手机来开启Developer Menu。
这里写图片描述

重载 JavaScript

在只是修改了js代码的情况下,如果要预览修改结果,你不需要重新编译你的应用。在这种情况下,你只需要告诉React Native重新加载js即可。

Reload js

Reload js即将你项目中js代码部分重新生成bundle,然后传输给模拟器或手机。
在D

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值