微信浏览器webview调试

标签: 微信 webview 调试 | 发表时间:2015-12-12 18:50 | 作者:SkyWay
出处:http://segmentfault.com/blogs

头图

生命不息,折腾不止!

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浏览器了,开开心心睡觉!

原文链接

相关 [微信 浏览器 webview] 推荐:

微信浏览器webview调试

- - SegmentFault 最新的文章
QQ浏览器提供微信调试的插件,本来应该是一件很值得高兴的事情,但是TX改不了一贯的作风,产品狗非要设计为强制设置默认浏览器且QQ所有链接都必须使用QQ浏览器打开,并且无法修改(老版本QQ可以设置). 说实在的,其实体验蛮好的,默认导入书签(你TM经过我允许了. 说不定密码也导入了,当初360浏览器就这么干了),提供IE、Chrome和Edge三个内核(三核浏览器从此诞生,吓尿了),不对,你自己的X5内核呢.

android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现

- - 浏览器 - 互联网 - ITeye博客
    在Android开发中往往需要实现网页的浏览,webview就是android开发控件中功能极其强大的一员,它完全可以充当一个简易的浏览器,能够自己设置主页. 试想,用自己开发的app把主页设成自己技术博客地址,一打开便进入了自己的空间,何其的方便.     在webview使用中有以下几点需要注意:.

WebView JS 交互

- - ITeye博客
WebView加jquery做页面会怎么样呢. // 创建WebView对象. // 把programList添加到js的全局对象window中,. // 这样就可以使用window.programList来获取数据. * 定义js回调java函数. // 绑定键盘的向上,向下按钮事件触发相应的js事件.

Android WebView 用法

- - 移动开发 - ITeye博客
Android和iOS系统都提供了标准的浏览器控件,在Android中是WebView,iOS中为UIWebView. 在iOS中你实例化一 个UIWebView即可调用loadRequest来加载一个网页,但是在Android中你不仅需要创建一个WebView,还需要做一些其他的事 情,建议初次使用WebView的读者按照以下步骤使用:.

WebView使用总结

- - ITeye博客
        以下是使用WebView过程中的部分场景和解决方案. 如果WebView是放在TabHost中的Activity, 而且WebView中包含html的select,会在点击其中的Item时候崩溃,异常信息如下: android.view.WindowManager$BadTokenException: Unable to add window.

Android WebView的坑总结

- - CSDN博客推荐文章
       最近把做好的iPad HybridApp向Android迁移,碰到的坑太多了,让我这个折腾过Android接近4年的老鸟都头疼. 现在把前人遇到的都列出来,再慢慢解决自己的,目前已经解决了android键盘覆盖问题,下面最棘手的问题就是屏幕高度的适配问题了. 1、 Andrid4.1事件穿透BUG 原因不明.

WebView中的视频播放

- - 移动开发 - ITeye博客
activity_main.xml如下:. private String videoUrl = "视频地址.mp4";. private String imgUrl = "视频封面图片地址.png";. private String html = "<html>视频如下:<br/><a href='" + videoUrl.

WebView的使用总结

- - CSDN博客移动开发推荐文章
1)       添加权限:AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误. 2)       在要Activity中生成一个WebView组件:WebView webView = new WebView(this);或者可以在activity的layout文件里添加webview控件:.

webView使用方法小结

- - CSDN博客推荐文章
1、添加权限:AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误. 2、在要Activity中生成一个WebView组件:WebView webView = new WebView(this);.

Android中WebView页面交互

- - SegmentFault 最新的文章
在android内打开一个网页的时候,有时我们会要求与网页有一些交互. 而这些交互是在基于javaScript的基础上. 那么我们来学习一下android如何与网页进行JS交互. protected View refresh;// 刷新按钮. protected String url = "";// 网址url.