微信浏览器webview调试

jopen 5年前

原文 http://segmentfault.com/a/1190000004138415

微信浏览器webview调试

生命不息,折腾不止!

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

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

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

TBS安装

  1. 可以先试试上面提到的文章中的办法(我没安装成功)

  2. 微信中打开网址 http://debugtbs.cc ,安装本地TBS内核,不成功则安装线上TBS内核

  3. 微信调试工具提供的办法

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的路径即可。

Finally

当然是卸载QQ浏览器啊,瞬间清净了,不弹窗口了,手机也不会动不动安装各种应用了,不会默认安装手机QQ浏览器了,开开心心睡觉!

原文链接