React Native 入门 调试项目

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

 为我们提供了远程调试的功能,而这个功能需要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)

猜你喜欢

转载自www.cnblogs.com/gradyblog/p/8982628.html