远程调试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