首页 > 技术文章 > React Native 入门 调试项目

gradyblog 2018-05-02 21:35 原文

不管时用哪种语言,哪种框架,调试永远都是一个避不开的话题

 

 为我们提供了远程调试的功能,而这个功能需要Chrome浏览器的配合。

 

1. 首先浏览器一定要安装好React Developer Tool 插件

2. 连接手机或打开模拟器

3. 在项目工程目录执行

react-native run-android

4. 打开并点击Dev Settings(模拟器Command+m,真机摇晃手机)

5. 点击Debug server host & port for device,输入

localhost:8081

 

6.回到PC,若Android L 以上在终端中输入,以实现反向代理(不输入Android L以上可能无法连到浏览器)

adb reverse tcp:8081 tcp:8081

7. 打开浏览器http://localhost:8081/debugger-ui/

8. command + option + i ,打开开发者工具,会在此目录中找到源码,并可以下断点进行debug(摇晃手机,点击Reload)

 

推荐阅读