web端 调试 手机混合应用中的h5部分(chrome浏览器的devtool使用)

﹥>﹥吖頭↗ 提交于 2020-01-28 11:30:24

Learning Hybird App Test–Appium Java(Leyden)

浏览器的远程调试工具,使得我们可以通过PC上开启的控制台,调试手机浏览器中正在运行的代码。运行于 Android 4+系统的Chrome for Android 同样也可以配合ADB(Android Debug Bridge)实现桌面远程调试。桌面版Chrome32+已经支持免安装ADB即可实现远程调试移动设备页面/WebView 。

Android远程调试目前支持所有操作系统,并且支持以下: 
● 调试站点的页面 
● 调试安卓原生App中的WebView 
● 实时将安卓设备的屏幕图像同步显示到开发机器。 
● 通过端口转发(port forwarding)与虚拟主机映射(virtual host mapping)实现安卓移动设备与开发服务器进行交互调试。

而在最新的Android 4.4 Kitkat版本中,原本基于Android WebKit的WebView实现被换成基于Chromium的WebView实现。

移动端 
1. 在eclipse中配置AndroidSDK环境(Android6.0、ADT23.0) 
2. 将手机与PC通过USB连接,开启USB调试模式; 
3. 使用360手机助手或在dos窗口输入adb devices查看手机驱动连接是否成功;

PC端 
1. 在Chrome浏览器地址栏输入chrome://inspect,进入调试模式; 
2. 此时页面显示了手机型号、驱动名称、APP要调试的WebView名称; 
3. 点击inspect,若成功加载与APP端相同界面的调试页面,则配置成功; 
4. 若获取不到WebView或者调试页面预览框显示空白,则需要进行VPN破解–安装翻墙软件(由于默认的DevTools使用的是appspot服务器,这在国内是需要翻越GWF)

翻墙插件

这里写图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!