react native 热更新与程序简单调试

1.如何开启Developer Menu
         模拟器:ctrl+m
         真机:摇一摇手机即可

react native 热更新与程序简单调试_第1张图片

2.调试及热更新准备工作:当真机使用数据线或者模拟器时可以忽略,建议都可以配置下
进入 developer menu,点击最后一项:dev settings ,进入后点击 debug server host &port for device,在里面填写自己的ip和端口(通常8081),比如本人填写的是:192.168.5.220:8081,设置完成关闭developer menu。

react native 热更新与程序简单调试_第2张图片react native 热更新与程序简单调试_第3张图片
2.代码热更新:当代码有变动,进入developer menu,选择第一项:reload,等待应用重新启动即可
3.代码调试:进入developer menu,选择第二项,如果不需要调试了,也是点击该项关闭。
调试时本人使用的谷歌浏览器,其他浏览器自行测试。

首先在App上面开启调试,然后浏览器打开调试窗口(http://localhost:8081/debugger-ui/),按下F12打开开发者工具(部分浏览器无效,打开浏览器设置=>更多工具=>开发者工具)

在这里,你就可以像调试网页上面js一样调试自己的程序,也能够看见自己打印的信息。
react native 热更新与程序简单调试_第4张图片

 

更多详细的调试方法,可以直接搜索:Chrome 开发者工具

 

你可能感兴趣的:(app开发)