react-native 调试大法

本文介绍了React Native的调试方法,包括使用Android Studio、Chrome、终端和Developer Menu进行调试。强调了Developer Menu的远程调试功能,并提供了详细步骤,如在Android 5.0+设备上的端口转发设置、调试环境配置、解决Debug JS Remotely连接问题,以及如何在Chrome的Network面板查看网络请求。同时,还提到在某些情况下,注释掉XMLHttpRequest以查看fetch请求的注意事项。
摘要由CSDN通过智能技术生成

react-native调试不友好,不像web端可以直接定位到具体组件,还可以选择相应的代码块。
主要调试工具可以配合使用Android Studio,Chrome,终端,真机提示等,我用的IDE是VS Code,一般使用Developer Menu中的debug in remotely,根据打印在Chrome控制台的信息进行开发。
这篇详细的关于Developer Menu的文章,比官网描述详细,值得一看
React Native调试技巧与心得

补充几点:

  1. 在虚拟机上进行调试可以通过双击R键进行reload
  2. 调试时只能有且只有一个机器(虚拟机或真机)连接可以使用adb devices来查看当前连接设备。
    在Android5.0以上设备上,将手机通过usb连接到你的电脑,然后通过adb命令行工具运行如下命令来设置端口转发
    adb reverse tcp:8081 tcp:8081
    而且,除了摇晃手机,还可以使用adb shell input keyevent 82来调出Developer Menu
    如果你的终端无法识别adb命令,应在终端或者iTerm界面运行如下命令:
    open ~/.bash_profile
    这样就开了配置文件,然后在zshrc文件里面添加如下配置:
    export ANDROID_HOME=/Users/*****/Library/Android/sdk(后面配
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值