|
目前,在手機(jī)上使用瀏覽器訪問(wèn)網(wǎng)頁(yè),無(wú)法便捷地進(jìn)行網(wǎng)頁(yè)語(yǔ)言調(diào)試。手機(jī)屏幕相對(duì)較小且操作不便,直接在手機(jī)上進(jìn)行網(wǎng)頁(yè)數(shù)據(jù)調(diào)試不太現(xiàn)實(shí)。 因此,UC使用技術(shù)將手機(jī)網(wǎng)頁(yè)調(diào)試信息分離,實(shí)現(xiàn)一種能在大屏幕、高配置PC上來(lái)調(diào)試小屏幕、低配置的手機(jī)瀏覽器訪問(wèn)的網(wǎng)頁(yè)的開發(fā)工具——Remote Inspector(簡(jiǎn)稱RI)。 主要功能Android平臺(tái)UC瀏覽器開發(fā)者版,主要支持以下功能:
準(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ī)與PCAndroid平臺(tái)UC瀏覽器開發(fā)者版,遠(yuǎn)程調(diào)試支持USB連接、Wi-Fi連接兩種模式 Wi-Fi連接模式Wi-Fi模式下,保證手機(jī)與PC處于同一個(gè)無(wú)線網(wǎng)段即可。 USB連接模式USB連接模式需要搭建Android SDK開發(fā)環(huán)境或安裝adb工具。 //附Windows操作系統(tǒng)上的adb安裝參考
搭建好Android SDK開發(fā)環(huán)境或安裝好adb工具后,通過(guò)adb命令進(jìn)行端口映射
調(diào)試方式在手機(jī)上啟動(dòng)UC瀏覽器開發(fā)者版,并打開需要調(diào)試的頁(yè)面。 在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èn)該網(wǎng)址后,即可看到UC瀏覽器開發(fā)者版已打開索引頁(yè)面: 接下來(lái),點(diǎn)擊任一需要調(diào)試的頁(yè)面即可進(jìn)行調(diào)試。調(diào)試方法與PC上Chrome或Safari開發(fā)者工具的調(diào)試方法類似。以UC產(chǎn)品下載站為例,點(diǎn)擊進(jìn)入調(diào)試頁(yè)面: 當(dāng)UC瀏覽器開發(fā)者版的某個(gè)頁(yè)面被遠(yuǎn)端瀏覽器調(diào)試時(shí),系統(tǒng)通知欄會(huì)顯示扳手圖標(biāo),提示UC瀏覽器-調(diào)試模式開啟,表明當(dāng)前手機(jī)頁(yè)面處于調(diào)試狀態(tài)。如圖: 所有工作準(zhǔn)備就緒,接下來(lái)可進(jìn)入調(diào)試階段。 調(diào)試的具體方式什么的就不詳細(xì)講了,可以直接去下載我的,我就貼圖幾張吧! 相關(guān)下載: 當(dāng)年今日
|
|
|