Cordova開發App使用USB進行真機調試


 

在使用cordova開發app時,不像瀏覽器中可以直接使用瀏覽器的開發者工具進行調試。為了看到app的顯示效果,

一種是使用模擬器進行展示,一種是使用真機進行展示。

模擬器:可以使用Android studio,可以安裝一些對應的模擬器進行顯示。這里不講解Android studio和模擬器的安裝。

 

這里介紹下如何使用真機進行usb鏈接調試。

第一步:在真機上安裝app,也可以使用Android studio來安裝,或者直接使用apk安裝。Android studio安裝時選擇真機,前提真機要使用usb鏈接電腦上,這樣才能識別到。

如果遇到 無法安裝提示設備沒有准備好,可以先build 菜單下點擊 Clean Project, 然后在重新安裝

  

 

 第二步:啟動google瀏覽器的開發者工具,如果沒有識別到設備,可能是usb鏈接問題或者是電腦識別手機的驅動問題

 

 

第三步:打開手機,運行安裝的app,然后點開瀏覽器開發者工具,這時Remote devices界面會有些變化。點擊Inspect按鈕,彈出調試的界面。

         如果發現彈出的界面顯示404,not found 這時需要翻牆,第一次使用要進行翻牆。

 

 

 

 

 第四步:修改代碼后,關閉手機app,這時調試界面會提示Connection lost ,關閉重新打開。

       如果Remote devices界面的Inspect按鈕灰色,可以先切換Setting再切換對應設備。

 

 

此時就可以開心的進行usb調試了,不再糾結如何方便的調試,不過項目中是要求在電視顯示屏中展示,

這個還沒有思路,鍵盤事件和遙控器事件還在懵逼中。做完再記錄下

 


免責聲明!

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



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