react native 熱更新與程序簡單調試

1.如何開啓Developer Menu
         模擬器:ctrl+m
         真機:搖一搖手機即可

2.調試及熱更新準備工作:當真機使用數據線或者模擬器時可以忽略,建議都可以配置下
進入 developer menu,點擊最後一項:dev settings ,進入後點擊 debug server host &port for device,在裏面填寫自己的ip和端口(通常8081),比如本人填寫的是:192.168.5.220:8081,設置完成關閉developer menu。


2.代碼熱更新:當代碼有變動,進入developer menu,選擇第一項:reload,等待應用重新啓動即可
3.代碼調試:進入developer menu,選擇第二項,如果不需要調試了,也是點擊該項關閉。
調試時本人使用的谷歌瀏覽器,其他瀏覽器自行測試。

首先在App上面開啓調試,然後瀏覽器打開調試窗口(http://localhost:8081/debugger-ui/),按下F12打開開發者工具(部分瀏覽器無效,打開瀏覽器設置=>更多工具=>開發者工具)

在這裏,你就可以像調試網頁上面js一樣調試自己的程序,也能夠看見自己打印的信息。


 

更多詳細的調試方法,可以直接搜索:Chrome 開發者工具

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章