在調(diào)試開始前，請確保安裝了調(diào)試應(yīng)用的手機(jī)與PC處于同一局域網(wǎng)下，同時關(guān)閉VPN等代理設(shè)置，否則將無法正常進(jìn)行調(diào)試，同時，我們在使用功能時，盡量保證其他功能為關(guān)閉狀態(tài)，如在使用?JS調(diào)試?功能時將無關(guān)的?網(wǎng)絡(luò)審查?功能關(guān)閉，將會有更好的開發(fā)體驗(yàn)。

調(diào)試需要使用集成了Weex調(diào)試工具的APP進(jìn)行掃碼調(diào)試，相關(guān)文檔可參考：

[1] Android Weex Detool集成文檔。

[2] iOS Weex Detool集成文檔。

你也可以使用Weex官方提供的Playground App進(jìn)行代碼調(diào)試，下載地址見：Weex Playground。

回到調(diào)試二維碼頁面，用應(yīng)用的掃碼功能進(jìn)行掃碼，即可進(jìn)入調(diào)試控制臺，如圖所示：

初次進(jìn)入調(diào)試界面會有提示界面引導(dǎo)你了解調(diào)試中會使用的相關(guān)功能，對于首次使用調(diào)試工具的開發(fā)者建議完整看完所有提示。

JS調(diào)試

開啟?JS調(diào)試?功能即可進(jìn)入Weex代碼調(diào)試模式，如圖所示：

日志等級

通過控制臺及日志等級選項(xiàng)對日志進(jìn)行篩選過濾，保留你關(guān)注的日志內(nèi)容，如圖所示：

網(wǎng)絡(luò)審查

開啟?網(wǎng)絡(luò)審查?功能可以查看應(yīng)用的網(wǎng)絡(luò)請求信息，對頁面的請求進(jìn)行有效的分析，如圖所示： 

節(jié)點(diǎn)審查

節(jié)點(diǎn)審查模式下會發(fā)送大量的頁面信息，默認(rèn)情況下為開啟狀態(tài)，在頁面較為復(fù)雜的情況下，我們一般建議通過重置臺的按鈕關(guān)閉該功能，否則可能會影響到JS調(diào)試相關(guān)功能的速度。

通過選擇?切換視圖?選項(xiàng)可切換當(dāng)前視圖的顯示情況，可對頁面的視圖層級進(jìn)行對應(yīng)分析，如圖所示：

拓展功能

以下拓展功能需在?JS調(diào)試?功能開啟并且處于Weex頁面內(nèi)才可使用。

快速導(dǎo)航

#文件替換

點(diǎn)擊控制臺頂部的 ?環(huán)境設(shè)置? 菜單，可針對weex頁面運(yùn)行的依賴文件進(jìn)行修改替換，修改完成后依次點(diǎn)擊?生成文件? -> ?更改設(shè)置? 即可對運(yùn)行環(huán)境進(jìn)行替換。