使用uc進行手機頁面調試

最近使用uc瀏覽器的時候發現了，一個有趣的現象，就是uc會處理h5web app爲全屏，並屏蔽一些手機上的操做，這樣就會使web app更加接近本地應用。因此就研究 了一下uc的手機調試。

1.準備工做

1.1 手機端

進入UC官方網站開發者中心（網站地址），下載Android平臺的UC瀏覽器開發者版，安裝到手機中。

1.2 PC端

PC機一臺，並在PC上安裝Chrome或Safari（推薦使用Chrome）。支持Chrome15–Chrome21，以及Safari5.1.4以上版本。

USB鏈接模式

USB鏈接模式須要搭建AndroidSDK開發環境或安裝adb工具。

//附Windows操做系統上的adb安裝參考
  1)在PC上，經過網絡下載安裝豌豆莢（Android手機助手）；
  2)在手機上打開USB調試模式：
  3)鏈接手機與PC，若PC無手機驅動，豌豆莢會自動下載驅動並安裝； 4)將手機與PC鏈接，能被豌豆莢識別則爲正常鏈接 5)將adb_tool.zip解壓到C:\WINDOWS\system32目錄下 6)開始>運行>輸入cmd.exe進入Windows命令提示符窗口，輸入adb， 若是無錯誤提示，並可以看到」AndroidDebugBridgeversion1.0.26」的提示，則代表adb安裝成功

2.開始調試

　　在手機上啓動 UC 瀏覽器開發者版，並打開須要調試的頁面。

　　在 PC 上打開 Chrome ， 點 擊 」 工 具 -- 檢查設備 」 或 者 在地址 欄 輸 入 ： chrome://inspect，便可看到 UC 瀏覽器開發者版已打開的索引頁面：

這裏能夠看到你的手機型號，以及如今打開的頁面

點擊任一須要調試的頁面便可進行調試，調試方法與 PC 上 Chrome 開發 者工具的調試方法相似。

 

3.其餘問題

 

使用chrome瀏覽器，輸入chrome://inspect能夠調試android app裏面的網頁，若是inspect的時候，是空白，

那就在C:\Windows\System32\drivers\etc\hosts文件加入

61.91.161.217 chrome-devtools-frontend.appspot.com
61.91.161.217 chrometophone.appspot.com