快應用調試器功能使用說明

快應用調試器功能使用說明

1. 如何 WIFI 調試

確保手機與電腦處於同一局域網內。

1.1 使用快應用 IDE 調試：

• 點擊 IDE 右上角二維碼圖標，使用手機快應用調試器掃描生成的二維碼(二維碼信息爲本機 dev-server 地址，也可根據該地址用這個網站手動生成二維碼）。

• 若出現以下界面，請點擊右上角 menuBar ，設置，刪除服務器地址最後的 /bundle。

• 點擊右上角 menuBar ，打開調試模式，重啓後打開 demo 即進入調試模式。此時點擊右下角齒輪圖標可打開手機控制檯查看日誌信息。
• 關閉 demo ，打開快應用調試器，點擊右下放開始調試，可進入遠程調試，電腦瀏覽器會彈出調試界面，調試方式與調試 node.js 相似。可在 js 源碼中使用 debugger 或在調試界面的 source 面板設置斷點（可設置條件斷點）。
• 在下圖位置 source 面板查看 demo 源碼。

1.2 使用命令行調試：

• 注意: 須要全局 joyful ，目前 joyful還未發佈。
• 項目根目錄下 joy serve 或任意目錄下 joy serve 項目根目錄。

• 打開快應用調試器，點擊右上角 menuBar ，設置，服務器地址填上圖所示本機 dev-server 地址，點擊在線更新，進入 demo 界面。
• 也可經過 dev-server 地址生成對應的二維碼，使用掃碼安裝。
• 也可經過 joy pack 生成 app.rpk，將該 rpk 發送到手機上，使用本地安裝打開 demo。

2. 如何 USB 調試

方式一：

• IDE打開項目，手機經過 USB 鏈接電腦，最好打開手機的 開發者模式，而且容許手機 USB調試
• 確保 IDE 右上角的手機小圖標處於綠色狀態，表示電腦已經與手機進行 USB 數據鏈接了

• 點擊 IDE 右上角的 USB 調試 按鈕，等待編譯完成便可開始 USB 調試

方式二：

• 項目根目錄下 joy serve ，或者經過上面所說的掃 IDE 的二維碼，確保手機調試器設置裏面的服務器地址正確，點擊開啓 USB 調試的按鈕，點擊在線更新，最後點擊開始調試。（此時仍然須要鏈接 WiFi）

3. Tips

• 手動刷新調試界面後源碼樹就不顯示源碼了，此時請關閉 demo ，打開快應用調試器，點擊開始調試從新進入。

• 可在條件斷點內進行簡單的 js 操做。
• 日誌不會在電腦瀏覽器的控制檯打印，可經過手機控制檯或 adb 查看日誌。
• onLoad 回調內的斷點不會命中，onLoad 回調中日誌能輸出。

顯示 調試器未鏈接 時，可能處在同一局域網可是沒有打開手機調試器

• 目前不支持調試分包的子包的頁面