微信真机 chrome联调

一、微信webview调试方法
整个调试链路示意图如下:
image
具体调试环境搭建,请看下面流程分解(以微信调试为例进行阐述)
1、安装微信新版本,略过:

2、下载TbsSuiteNew.apk,安装到手机中。【下载地址:http://res.imtt.qq.com///tbs_inspect/TbsSuiteNew.zip】,打开界面如下:
Screenshot_2015-08-04-15-39-25
2.1)下一步:【保险起见,登录微信后找到自己,聊天窗口输入//deletetbs,点发送,如果非首次安装微信的用户,需要修改一下手机的时间,往后调整一天,比如今天是4-11,修改为4-12。如果是首次请忽略】
Screenshot_2015-08-04-15-35-52
2.2)下一步:下载tbs调试包
image
【注:应用包名 微信:com.tencent.mm,qq:com.tencent.mobileqq,qq空间:com.qzone
2.3)下一步:启动应用触发tbs静默安装
image
3、登录微信,用微信访问一个页面,停留1分钟左右,目的是让微信来静默安装刚导入进去的tbs_20150526_021257_inspector.apk包
4、页面验证tbs是否安装成功
image
注:【同时检查/sdcard/tbs/com.tencent.mm目录下(或者是在手机内部存储)tbs_*_inspector.apk是否消失,消失表示已经安装成功,长按页面文字是否有水滴】
5、debug关联chrome inspect
     a) 下载附件inspector_client20150401.zip工具,解压到指定目录,参考位置如下图:
image
b) 下载python for window:https://www.python.org/downloads/

下载安装完成,配置环境变量
image
cmd命令模式下进行:
image
c)下载debug工具,解压inspector_client20150401.zip包到指定目录,cmd命令下切换至解压目录,执行python inspector.py,【如果您本机已经安装了adb,建议使用python inspectory --adb YOUR/ADB/PATH】如图

image
d)手机用微信打开页面(sxp.51unite.com),同时pc电脑打开chrome浏览器,输入http://localhost:9222/,看到对应的区块

image

点击进去终于可以在微信页面上自由调试了,和chrome调试就是那么像。

image

Screenshot_2015-08-04-15-53-19