react-native學習筆記三====》調試工具配置(chorm+react-devtools)


1.選擇debug

 

2.在谷歌瀏覽器里打開:http://localhost:8081/debugger-ui/,可看到控制台打印得東西

 

 

 3.為看到界面布局(Chrome 中並不能直接看到 App 的用戶界面,而只能提供 console 的輸出,以及在 sources 項中斷點調試 js 腳本。)

cnpm install -g react-devtools@^3

注:此時react-native最新版本為0.61.5,但是react-devtools最新版本為4.4。react-native0.62版本才支持react-devtools的4.x的版本,因此我這里下載的是3.x的版本,若react-native已升級到0.62,即可下載react-devtools最新版:cnpm install -g react-devtools

4.運行:react-devtools

去打開調試工具

5.連接虛擬設備 :adb connect 192.168.156.101:5555

鏈接虛擬設備的ip,可通過以下方式查找:打開命令行cmd,輸入:adb devices

 

 6.最后成功圖:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM