讓你在PC上調試Web App，UC瀏覽器發布開發人員版

標籤：android   class   blog   java   http   tar   

目前，在手機上使用瀏覽器訪問網頁，無法便捷地進行網頁語言調試。手機螢幕相對較小且操作不便，直接在手機上進行網頁資料調試不太現實。

因此，UC使用技術將手機網頁調試資訊分離，實現一種能在大螢幕、高配置PC上來調試小螢幕、低配置的手機瀏覽器訪問的網頁的開發工具——Remote Inspector（簡稱RI）。

主要功能

Android平台UC瀏覽器開發人員版，主要支援以下功能：

• DOM查看和修改
• JavaScript調試、CSS調試
• 網路狀態查看
• 資源檔查看
• Console控制台

準備工作手機端

進入UC官方網站開發人員中心（ 網站地址 ），下載Android平台的UC瀏覽器開發人員版（UCBrowser_Dev_RI.apk，  ），安裝到手機中。

PC端

PC機一台，並在PC上安裝Chrome或Safari（推薦使用Chrome）。支援Chrom

15 – Chrome 21，以及Safari5.1.4以上版本。

下載adb工具（adb_tool.zip，）到PC中。

串連手機與PC

Android平台UC瀏覽器開發人員版，遠端偵錯支援USB串連、Wi-Fi串連兩種模式

Wi-Fi串連模式

Wi-Fi模式下，保證手機與PC處於同一個無線網段即可。

USB串連模式

USB串連模式需要搭建Android SDK開發環境或安裝adb工具。

//附Windows作業系統上的adb安裝參考

1. 在PC上，通過網路下載安裝豌豆莢（Android手機小幫手）；
2. 在手機上開啟USB偵錯模式：設定>應用程式>開發>USB調試
3. 串連手機與PC，若PC無手機驅動，豌豆莢會自動下載驅動並安裝；
4. 將手機與PC串連，能被豌豆莢識別則為正常串連
5. 將adb_tool.zip解壓到C:\WINDOWS\system32目錄下
6. 開始>運行>輸入cmd.exe 進入Windows命令提示字元視窗，輸入adb，如果無錯誤提示，並能夠看到”Android Debug Bridge version 1.0.26”的提示，則表明adb安裝成功

搭建好Android SDK開發環境或安裝好adb工具後，通過adb命令進行連接埠映射

在Windows命令提示字元視窗（cmd.exe）運行：adb forward tcp:9998 tcp:9998

調試方式

在手機上啟動UC瀏覽器開發人員版，並開啟需要調試的頁面。

在PC上開啟Chrome或Safari

若是Wi-Fi串連模式，則在地址欄輸入：手機IP+:9998

例，手機IP為192.168.112.244，則輸入192.168.112.244:9998

此時手機端的UC瀏覽器開發人員版會彈出對話方塊，如下：

選擇確定，允許調試。

若是USB串連模式，則在地址欄輸入：http://localhost:9998

成功訪問該網址後，即可看到UC瀏覽器開發人員版已開啟索引頁面：

接下來，點擊任一需要調試的頁面即可進行調試。調試方法與PC上Chrome或Safari開發人員工具的調試方法類似。以UC產品下載站為例，點擊進入調試頁面：

當UC瀏覽器開發人員版的某個頁面被遠端瀏覽器調試時，系統通知欄會顯示扳手表徵圖，提示UC瀏覽器-偵錯模式開啟，表明當前手機頁面處於調試狀態。

所有工作準備就緒，接下來可進入調試階段。

調試的具體方式什麼的就不詳細講了，可以直接去下載我的，我就貼圖幾張吧！

相關下載：

• UC瀏覽器開發人員版使用手冊(Android平台-Word)
• UC瀏覽器開發人員版使用手冊(Android平 台-PDF)