1. 程式人生 > >Vue + quasar-framework進行Vue混合app開發 ─ App真機除錯(三)

Vue + quasar-framework進行Vue混合app開發 ─ App真機除錯(三)

寫程式碼總避免不了會出錯需要除錯,Quasar混合開發的app除錯方法也很簡單,就和平時寫web端程式碼除錯一樣。 此處列幾種常用的除錯方法

真機除錯

真機除錯也就是用自己的手機進行除錯,完全真實環境。 手機連線電腦,開啟手機的開發者模式,將USB除錯功能開啟 手機連線WIFI,保持和電腦處於同一個網段內 如果電腦插的是網線,沒有WIFI的話,可以手機在行動網路共享裡面開啟USB共享網路。 準備就緒後啟動專案,啟動完成後 在chrome位址列輸入chrome://inspect/#devices 會出現以下的介面,點選相應應用的inspect進入除錯

第一次使用需要科學上網,自備梯子

Vue + quasar-framework進行Vue混合app開發 很熟悉的介面,Elements、console、Source、Network都有 Vue + quasar-framework進行Vue混合app開發

Vue + quasar-framework進行Vue混合app開發