以下汇总现在可远程调试手机网页的几个方法,基本上官方都有详细的说明文档,可移步至相关网站查看,这里就不赘述使用、操作方法了。

微信web开发者工具(PC客户端)

官方说明文档
支持Windows和Mac系统,支持调试Android和IOS设备。

微信官方出的PC客户端调试工具,支持模拟AndroidIOS端设备进行调试。只需下载并安装官方的安装包,即可很方便地在电脑上调试手机网页,而无需总是拿出手机和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

更多相关文章

  1. 传HTC“超音速”手机将搭载Android(安卓)3.0系统
  2. 关于ANE的调试心德
  3. USB Camera在android车机上应用前景及初试小结
  4. heif android解码流程
  5. 开源中国 4 周年, Android、iPhone、WP7三个平台客户端全面开源
  6. 在 Android(安卓)4.4.4 上,分析 input -- android framework 部分
  7. Android(安卓)WebView拦截iframe标签内部跳转
  8. 如何测试并调试基于 NDK 的 Android(安卓)应用
  9. Android(安卓)兼容性 | 充分利用新款 Android(安卓)旗舰设备上更

随机推荐

  1. Android(安卓)调用相机以及调用系统图片
  2. android studio 开发遇到的相关问题
  3. Android性能优化(十一)之正确的异步姿势
  4. android 笔记 --- 按钮上面的文字滚动起
  5. Android中资源管理机制详解
  6. android 如何用代码生成圆角Bitmap图片
  7. 详解如何让Android UI设计性能更高效
  8. JS判断请求来自Android手机还是iPhone手
  9. android ble 的各种坑
  10. Android常见控件之TextView、EditView、B