目前，在手機(jī)上使用瀏覽器訪問網(wǎng)頁，無法便捷地進(jìn)行網(wǎng)頁語言調(diào)試。手機(jī)屏幕相對(duì)較小且操作不便，直接在手機(jī)上進(jìn)行網(wǎng)頁數(shù)據(jù)調(diào)試不太現(xiàn)實(shí)。

因此，UC使用技術(shù)將手機(jī)網(wǎng)頁調(diào)試信息分離，實(shí)現(xiàn)一種能在大屏幕、高配置PC上來調(diào)試小屏幕、低配置的手機(jī)瀏覽器訪問的網(wǎng)頁的開發(fā)工具——Remote Inspector（簡(jiǎn)稱RI）。

主要功能

Android平臺(tái)UC瀏覽器開發(fā)者版，主要支持以下功能：

• DOM查看和修改
• JavaScript調(diào)試、CSS調(diào)試
• 網(wǎng)絡(luò)狀態(tài)查看
• 資源文件查看
• Console控制臺(tái)

準(zhǔn)備工作

手機(jī)端

進(jìn)入U(xiǎn)C官方網(wǎng)站開發(fā)者中心（網(wǎng)站地址），下載Android平臺(tái)的UC瀏覽器開發(fā)者版（UCBrowser_Dev_RI.apk，下載地址），安裝到手機(jī)中。

PC端

PC機(jī)一臺(tái)，并在PC上安裝Chrome或Safari（推薦使用Chrome）。支持Chrom

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

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

連接手機(jī)與PC

Android平臺(tái)UC瀏覽器開發(fā)者版，遠(yuǎn)程調(diào)試支持USB連接、Wi-Fi連接兩種模式

Wi-Fi連接模式

Wi-Fi模式下，保證手機(jī)與PC處于同一個(gè)無線網(wǎng)段即可。

USB連接模式

USB連接模式需要搭建Android SDK開發(fā)環(huán)境或安裝adb工具。

//附Windows操作系統(tǒng)上的adb安裝參考

1. 在PC上，通過網(wǎng)絡(luò)下載安裝豌豆莢（Android手機(jī)助手）；
2. 在手機(jī)上打開USB調(diào)試模式：設(shè)置>應(yīng)用程序>開發(fā)>USB調(diào)試
3. 連接手機(jī)與PC，若PC無手機(jī)驅(qū)動(dòng)，豌豆莢會(huì)自動(dòng)下載驅(qū)動(dòng)并安裝；
4. 將手機(jī)與PC連接，能被豌豆莢識(shí)別則為正常連接
5. 將adb_tool.zip解壓到C:\WINDOWS\system32目錄下
6. 開始>運(yùn)行>輸入cmd.exe 進(jìn)入Windows命令提示符窗口，輸入adb，如果無錯(cuò)誤提示，并能夠看到”Android Debug Bridge version 1.0.26”的提示，則表明adb安裝成功

搭建好Android SDK開發(fā)環(huán)境或安裝好adb工具后，通過adb命令進(jìn)行端口映射

在Windows命令提示符窗口（cmd.exe）運(yùn)行：adb forward tcp:9998 tcp:9998

調(diào)試方式

在手機(jī)上啟動(dòng)UC瀏覽器開發(fā)者版，并打開需要調(diào)試的頁面。

在PC上打開Chrome或Safari

若是Wi-Fi連接模式，則在地址欄輸入：手機(jī)IP+:9998

例，手機(jī)IP為192.168.112.244，則輸入192.168.112.244:9998

此時(shí)手機(jī)端的UC瀏覽器開發(fā)者版會(huì)彈出對(duì)話框，如下：

選擇確定，允許調(diào)試。

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

成功訪問該網(wǎng)址后，即可看到UC瀏覽器開發(fā)者版已打開索引頁面：

接下來，點(diǎn)擊任一需要調(diào)試的頁面即可進(jìn)行調(diào)試。調(diào)試方法與PC上Chrome或Safari開發(fā)者工具的調(diào)試方法類似。以UC產(chǎn)品下載站為例，點(diǎn)擊進(jìn)入調(diào)試頁面：

當(dāng)UC瀏覽器開發(fā)者版的某個(gè)頁面被遠(yuǎn)端瀏覽器調(diào)試時(shí)，系統(tǒng)通知欄會(huì)顯示扳手圖標(biāo)，提示UC瀏覽器-調(diào)試模式開啟，表明當(dāng)前手機(jī)頁面處于調(diào)試狀態(tài)。如圖：

所有工作準(zhǔn)備就緒，接下來可進(jìn)入調(diào)試階段。

調(diào)試的具體方式什么的就不詳細(xì)講了，可以直接去下載我的，我就貼圖幾張吧！

相關(guān)下載：

• UC瀏覽器開發(fā)者版使用手冊(cè)(Android平臺(tái)-Word)
• UC瀏覽器開發(fā)者版使用手冊(cè)(Android平臺(tái)-PDF)

當(dāng)年今日

• Ubuntu開啟.htaccess的支持 - 2013
• 到達(dá)嘉應(yīng)第一天 - 2008