先森的網站在安卓版UC瀏覽器上出了BUG，這次先森有點摸不著頭腦，因為只有安卓版才存在這個問題，所以先森想要直接從電腦調試手機，就像電腦上F12審查元素調試網頁一樣。
昨天發布了一篇Adobe Edge Inspect CC的折騰經過，一把辛酸結果還沒成功。最后還是放棄了。先森在百度Adobe Edge Inspect CC教程的時候，也看到過另一種安卓調試方式，就是利用谷歌的Chrome瀏覽器遠程調試(Remote Debugging)。其實另外還有一個叫做Weinre的，但是先森在其官網上找來找去，感覺和Remote Debugging是差不多的。
然而Chrome瀏覽器的遠程調試需要用數據線連接安卓手機，并且手機要開啟開發者模式。開始開發者模式簡單，但是先森折騰了一下午，也沒能把三星、華為的手機驅動裝好，電腦始終不能連接手機。
后來用能夠連接手機的電腦嘗試了，結果谷歌Chrome瀏覽器遠程調試界面還是沒有顯示出手機（Chrome瀏覽器地址欄輸入chrome://inspect 或者about:inspect）。沒辦法，放棄。
到了晚上，先森在放棄之后突然想起，Chrome瀏覽器電腦上有個開發者模式，UC瀏覽器有沒有呢？
結果一百度，就找到了一個讓先森驚喜的搜索結果，也就是本文的標題，UC瀏覽器開發版。大家可以去看看，越看越驚喜哦！
UC+開放平臺：UC瀏覽器開發者版
先看最終的效果圖，先森將瀏覽器的調試界面和手機被調試的界面拼在了一起，這樣看起來效果更直觀（點擊后按F鍵看最大化/點擊倒數第二個按鈕）：
UC瀏覽器調試界面
配置調試模式
其實關于如何配置，UC+開放平臺已經寫得很清楚了，只是先森在設置的時候還是走了一截彎路，所以先森還是把自己的調試過程寫出來。
1.準備工作
手機端下載UC瀏覽器開發者版，電腦端安裝chrome瀏覽器（先森嘗試了下UC瀏覽器電腦版，好像不行）。
2.連接手機與PC
有兩種連接方式。一種是WIFI連接，手機與電腦同一個網段下即可。另一種是USB連接，這又是像上面說的一樣，需要手機進入開發者模式，電腦數據線連接手機，而且USB連接模式需要搭建AndroidSDK開發環境或安裝adb工具。關于怎么USB連接，UC有詳細介紹，先森不在累述，而且先森使用的是WIFI連接。
WiFi連接非常方便，先森推薦使用這種方法。
3.開始調試
WIFI連接的話，直接在chrome中輸入：手機IP+:9998
關于手機的IP查看，一般在設置->關于設備->狀態，可以找到。
USB方式的先森就不多說了。
輸入訪問后，手機上UC瀏覽器開發者版會彈出對話框，先森用的是三星S3，情況如下圖：
UC瀏覽器開發者版彈出對話框
這里點擊確定就行了。然后chrome瀏覽器會顯示出UC瀏覽器中打開的網頁索引界面:
chrome瀏覽器索引界面顯示
這時，點擊任一需要調試的頁面即可進行調試。調試的界面和審查元素的樣式一樣，操作起來感到非常熟悉：
chrome調試頁面
當UC瀏覽器開發者版的某個頁面被遠端瀏覽器調試時，系統通知欄會顯示扳手圖標，提示UC瀏覽器-調試模式開啟，表明當前手機頁面處于調試狀態。先森想說，震動模式的三星，進入調試模式的震動時間還真長，長！
折騰總結
這次折騰網頁手機調試，Adobe Edge Inspect CC浪費了先森上午半天時間，USB手機連接電腦浪費了先森下午時間，UC瀏覽器開發者版先森沒看懂，去折騰安裝adb工具（實際上WIFI模式根本用不著）折騰了一晚上。
浪費了一整天，然而并沒有成效。結論就是折騰之中無時間。
另外，實現WiFi調試是先森第二天早上花了一分鐘成功的。。。
歷史上的今天:
轉載請注明出處來自http://www.cnidcc.cn/wysjtszucllqkfb.html
川公網安備 51011202000104號