转载

微信浏览器webview调试

生命不息，折腾不止！

QQ浏览器提供微信调试的插件，本来应该是一件很值得高兴的事情，但是TX改不了一贯的作风，产品狗非要设计为强制设置默认浏览器且QQ所有链接都必须使用QQ浏览器打开，并且无法修改（老版本QQ可以设置）。

说实在的，其实体验蛮好的，默认导入书签（你TM经过我允许了？说不定密码也导入了，当初360浏览器就这么干了），提供IE、Chrome和Edge三个内核（三核浏览器从此诞生，吓尿了），不对，你自己的X5内核呢？不然就四核了。太多我不想吐槽……

于是我已经不打算用了那个好用的调试工具了（但是开发的这个工具还是很好的），然后想到之前的一篇文章：屌爆了,完美调试微信webview(x5) ，再次回顾了一下，QQ浏览器应该用的是同一招，细心的话会发现这应该就是调试工具的雏形。

TBS安装

可以先试试上面提到的文章中的办法（我没安装成功）
微信中打开网址 http://debugtbs.cc ，安装本地TBS内核，不成功则安装线上TBS内核
微信调试工具提供的办法

ADB安装与启动

这是用于连接android手机的，具体安装参考文章中已经提到。 Android-SDK下载，设置环境变量可根据 window设置环境变量

查看连接设备

然后进入 D:/Program Files/AndroidSDK/platform-tools ，打开cmd，执行

D:/Program Files/AndroidSDK/platform-tools>adb.exe devices List of devices attached 95CANR4H6T9S7HPJ        device

启动和停止ADB不需要配置指定设备，执行

D:/Program Files/AndroidSDK/platform-tools>adb.exe start-server * daemon not running. starting it now on port 5037 * * daemon started successfully * D:/Program Files/AndroidSDK/platform-tools>adb.exe kill-server

调试服务

需要安装python（hint:2.7版本会出现常见的编码问题），下载参考文档中的指定文件，打开手机端USB调试。

解压后进入 D:/Tools/wx_sq_webview_debug/inspector_client20150401 打开cmd执行

python ./inspector.py --adb "D:/Program Files/AndroidSDK/platform-tools/adb.exe"

然后浏览器打开 http://localhost :9222/即可显示微信中打开的需要调试的页面。

一键执行

每次执行这些命令太麻烦，写个 bat文件一次性执行即可，第一次写，写的很丑：

@echo off cd "D:/Program Files/AndroidSDK/platform-tools/" start adb start-server start %HOMEDRIVE%/Python27/pythonw "D:/Tools/wx_sq_webview_debug/inspector_client20150401/inspector.py" --adb "D:/Program Files/AndroidSDK/platform-tools/adb.exe" echo begin server at:http://localhost:9222/ :begin set /p INPUT= Stop server(Y/N)?: if /i "%INPUT%"=="y" (goto stop ) else (     goto begin ) :stop echo stop server start adb kill-server exit

自己修改对应的Android-SDK、Python和chrome inspector的路径即可。