快應(yīng)用 代碼調(diào)試

通過(guò)本節(jié)，你將學(xué)會(huì)：

• web 預(yù)覽項(xiàng)目
• 掃碼與快速調(diào)試

web預(yù)覽快應(yīng)用項(xiàng)目

用戶(hù)不需要等待生成 rpk 并安裝在手機(jī)上即可預(yù)覽項(xiàng)目效果

打開(kāi)項(xiàng)目

創(chuàng)建工程之后，快應(yīng)用開(kāi)發(fā)工具將自動(dòng)打開(kāi)新建的快應(yīng)用工程，或者打開(kāi)其他快應(yīng)用項(xiàng)目。

打開(kāi) web 預(yù)覽功能

點(diǎn)擊開(kāi)發(fā)工具頂部工具欄的模擬器，即可打開(kāi)或者關(guān)閉 web 預(yù)覽功能，如下圖：

使用 web 預(yù)覽功能

• 用戶(hù)可以通過(guò)頂部工具欄上的按鈕開(kāi)啟/關(guān)閉 web 預(yù)覽窗口和 web 預(yù)覽開(kāi)發(fā)者工具窗口
• 調(diào)試器定制的 UX 面板，展示預(yù)覽的 Dom 結(jié)構(gòu)以及樣式，可實(shí)時(shí)修改樣式規(guī)則、命名以及元素屬性。
• 調(diào)試器定制的 Data 面板，展示頁(yè)面數(shù)據(jù)，主要指 .ux 文件中的 private、protected 字段，并支持自動(dòng)刷新。
• 右上角的后退，刷新可以幫助開(kāi)發(fā)者調(diào)試項(xiàng)目
• 展示二維碼可以在手機(jī)上用調(diào)試器掃碼直接安裝項(xiàng)目，詳情請(qǐng)見(jiàn)快速調(diào)試中 掃碼調(diào)試
• 預(yù)覽設(shè)置中，可關(guān)閉或開(kāi)啟保存文件時(shí)自動(dòng)刷新、重新啟動(dòng)編譯。

掃碼與快速調(diào)試

了解通過(guò)兩種方式來(lái)調(diào)試快應(yīng)用

掃碼調(diào)試

掃碼調(diào)試項(xiàng)目可以通過(guò)掃二維碼預(yù)覽安裝至手機(jī)的 rpk

用快應(yīng)用開(kāi)發(fā)工具打開(kāi)一個(gè)快應(yīng)用工程

• 此時(shí)開(kāi)發(fā)工具將會(huì)自動(dòng)對(duì)項(xiàng)目進(jìn)行編譯并生成 rpk 文件。

在手機(jī)調(diào)試器中"關(guān)閉"【開(kāi)啟usb調(diào)試】功能

• 此時(shí)在“開(kāi)啟 usb 調(diào)試”下面會(huì)出現(xiàn)”掃碼安裝“功能。

注意：

• 如果手機(jī)沒(méi)有安裝調(diào)試器的話(huà)可以通過(guò)開(kāi)發(fā)工具自帶的 更新手機(jī)環(huán)境 功能安裝調(diào)試器。

點(diǎn)擊開(kāi)發(fā)工具右上角的顯示二維碼按鈕并進(jìn)行掃碼

• 掃碼成功后，此時(shí)手機(jī)與開(kāi)發(fā)工具將建立連接，手機(jī)調(diào)試器將自動(dòng)打開(kāi)安裝的 rpk 效果。

掃碼安裝成功后，在手機(jī)調(diào)試器右下角可以選擇“開(kāi)始調(diào)試”進(jìn)行調(diào)試

注意：

• 手機(jī)調(diào)試器掃過(guò)一次二維碼后將和開(kāi)發(fā)工具建立連接，之后只需要使用“開(kāi)始調(diào)試”進(jìn)行調(diào)試。

快速調(diào)試

快速調(diào)試項(xiàng)目可以預(yù)覽安裝至手機(jī)的 rpk

通過(guò)本節(jié)，你將學(xué)會(huì)：

• 利用開(kāi)發(fā)工具快速調(diào)試一個(gè)項(xiàng)目

開(kāi)啟 usb 調(diào)試

• 詳情可以參考 其他功能 中的 開(kāi)啟 usb 調(diào)試。

開(kāi)始調(diào)試

• 手機(jī)跟電腦需要處于同一局域網(wǎng)內(nèi)。如果不能保證在同一個(gè)局域網(wǎng)內(nèi)，可在安裝完【快應(yīng)用調(diào)試器】后，打開(kāi)【快應(yīng)用調(diào)試器】，在首頁(yè)點(diǎn)擊打開(kāi)【開(kāi)啟 USB 調(diào)試】模式開(kāi)關(guān)。如下圖所示：                   

注意：

• 如果手機(jī)沒(méi)有安裝調(diào)試器的話(huà)可以通過(guò)開(kāi)發(fā)工具自帶的 更新手機(jī)環(huán)境 功能安裝調(diào)試器。
• 點(diǎn)擊工具欄的 USB 調(diào)試，即可執(zhí)行快速進(jìn)行 USB 調(diào)試，如下圖所示：
  
• 每次運(yùn)行調(diào)試時(shí)，開(kāi)發(fā)者工具會(huì)檢測(cè)您的手機(jī)是否安裝了【快應(yīng)用預(yù)覽版】【快應(yīng)用調(diào)試器】。如果未安裝，開(kāi)發(fā)者工具將自動(dòng)安裝。

• 快應(yīng)用預(yù)覽版首次打開(kāi)會(huì)提示用戶(hù)授理存儲(chǔ)權(quán)限，同樣調(diào)試器在運(yùn)行過(guò)程中也會(huì)提示授理存儲(chǔ)權(quán)限，為了確保正常開(kāi)啟調(diào)試請(qǐng)點(diǎn)擊允許。如下圖所示：
  
• 以上授權(quán)成功后，需要重新運(yùn)行調(diào)試才能進(jìn)入正常的調(diào)試流程。

調(diào)試預(yù)覽：

• 調(diào)試運(yùn)行成功后，電腦端會(huì)打開(kāi)調(diào)試頁(yè)面。如下圖所示