遠端調試Android/IOS裝置/微信網頁方法彙總

以下彙總現在可遠端調試手機網頁的幾個方法，基本上官方都有詳細的說明文檔，可移步至相關網站檢視，這裡就不贅述使用、操作方法了。

微信web開發者工具（PC用戶端）

官方說明文檔

支援Windows和Mac系統，支援調試Android和IOS裝置。

微信官方出的PC用戶端調試工具，支援模拟

Android

和

IOS

端裝置進行調試。隻需下載下傳并安裝官方的安裝包，即可很友善地在電腦上調試手機網頁，而無需總是拿出手機和USB線苦逼地調了。

支援調試需要微信授權的網頁，前提是要求微信号與公衆号綁定才可進行調試，綁定方式在頁面中有說明。如未進行綁定操作，且調試的頁面需要授權，則可以用QQ浏覽器的微信調試工具進行調試，下面會說到。

微信調試工具

官方網站

支援Windows和Mac系統，僅支援調試Android裝置的微信浏覽器（6.2.4版本及以上）。

需要安裝QQ浏覽器9及以上版本，在應用中心中搜尋“微信調試工具”并安裝該應用，需按官方說明的安裝tbs工具後才能連接配接手機；安裝操作較為繁瑣，而且經常會莫名安裝失敗…… 坑比較多。

好處在于，需要微信授權的網頁可以使用此工具正常調試，調試環境和資料都是真實有效的。

坑出沒注意！

1. Android 6.0的手機無法使用此工具進行調試

2. 微信新版sdk更換了TBS核心管理的URL，但自動彈出的二維碼視窗貌似并沒有更新；若掃描自動彈窗的二維碼無法通路，可打開此頁面，掃描裡面新版SDK新的二維碼，即可正常通路。

UC浏覽器開發者版

官方說明文檔

支援Windows和Mac系統，僅支援調試Android裝置的UC浏覽器。有USB連接配接模式和WIFI連接配接兩種模式

具體安裝和操作方法官方說明地很清晰了，大家自己移步觀看。這裡推薦它的WIFI連接配接模式，隻需要在手機安裝

UC浏覽器開發者版

，直接通路

手機IP:9998

即可直接在電腦上調試手機頁，非常友善。

Chrome

官方說明文檔

僅支援調試Android裝置的Chrome浏覽器

需要安裝手機Chrome，并安裝adb連接配接工具使電腦能夠與手機連接配接；之後通路

chrome://inspect/pages

即可檢視到目前連接配接的裝置及手機Chrome上打開的頁面。點選對應頁面的下方的

inspect

即可開始調試對應手機頁面。

另外Chrome的PC版支援在模拟手機端調試，支援多裝置多分辨率；打開開發人員工具，左上方有個

Toggle device mode

，點選即可開啟移動端調試模式。

調試IOS/IPhone裝置

Mac系統，僅支援調試IOS裝置的safari浏覽器

需要連接配接IOS裝置和Mac，并開啟iOS裝置的調試功能：

打開“設定”程式，進入“Safari”->“進階”頁面開啟“Web檢查器”。

之後打開PC的safari，即可在中檢視到手機上打開的頁面，點選即可調試相關頁面。

原文連結：http://blog.csdn.net/u012347225/article/details/51462937