1. 程式人生 > >react native 熱更新與程式簡單除錯

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 開發者工具