React Native真機調試安卓版

React Native真機調試安卓版

1、準備工做

1.1 環境搭建

　　React Native中文網的文檔已經很是清晰地描述了，按照步驟便可。http://reactnative.cn/docs/0.43/getting-started.html#content。

1.2 安裝React Developer Tool

　　在chrome中安裝插件React Developer Tool。

1.3 新建項目

　　打開doc命令，初始化一個項目。

2、開始調試

　　用數據線鏈接電腦和手機，而後運行命令react-native run-android。

　　若是手機上出現白屏，那麼在手機的「受權管理」中「顯示懸浮窗」權限中容許當前APP。

 　　

 

　　修改好白屏後，出現紅色錯誤（程序沒問題的狀況下），左右搖晃手機，在出現的管理界面中，點擊「Dec Settings」，將「Debug server host & port for device」中設置爲電腦的IP後加上:8081。

 　　

 

　　當A項目可以正常運行後，左右搖晃手機，選擇「Debug JS Remotely」。打開chrome，按ctrl + shit + J 或者按F12出現調試界面。

 　 

　　在調試窗口，當前選擇的Sources。

　　中間的窗口中，能夠設置斷點，也就是在代碼的標號出點擊鼠標左鍵。右邊窗口的自動打開「BreakPoints」，並且會顯示一些狀態值、屬性值。在右邊窗口的上方，還能夠進行異步調試。