简单介绍

使用下面方法可以定位webview中的元素，无法定位view中的元素。

原文地址：http://mp.weixin.qq.com/s/y_UfdgjT_pkKgYivJmqt7Q

webview定位

如下图，Hybrid APP有webview，在定位webview element的时候，如果使用的是DDMS，会发现压根儿都找不到相关的elements而只能找到一个webview控件。

遇到这种情况，DDMS和Android uiautomatorviewer 毫无用武之地，这个时候就需换别的工具。对于Android来说，可以使用chrome自带的dev tools；对于iOS来说，也可以使用safari自带的工具来进行remote debugging。

Android Remote Debugging 三部曲

要使用remote debug，分三步走：

a. 配置好Android SDK，并设置好环境变量，保证adb命令正常使用。

b. 连接设备，可以是真机，也可以是模拟器，需要提醒的是你本机chrome的版本与到你设备中webview版本有关系，如果你开启remote debugging 白屏，要尝试一下使用高版本的Android版本或者降低你本机chrome版本。

连接设备后，需要用：adb devices验证设备连接

c.打开chrome在地址栏输入：chrome://inspect/

同时打开带webview的 app，连接设备后的图如下：

打开DevTool 和设备之后的截图如下：

chrome DevTools 如果你之前用过，那么现在用的方法和原来一样。截图

Android/iOS Remote debugging的更多相关文章

  1. Android WebView remote debugging

    /***************************************************************************** * Android WebView rem ...

  2. 通过Chrome浏览器进行android调试/Remote Debugging on Android with Chrome

    The way your web content behaves on mobile can be dramatically different from the desktop experience ...

  3. iOS remote debug & Android remote debug & Chrome & APP

    iOS remote debug & Android remote debug & Chrome & APP iOS remote debugging 如何在 iOS 真机上调 ...

  4. Remote Debugging Android Devices

    Remote Debugging Android Devices //在电脑上远程调试安卓设备 By Kayce Basques Technical Writer at Google By Meggi ...

  5. 安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

    一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调 ...

  6. 在chrome 总调试cordova出现Detached from the target. Remote debugging has been terminated with reason: Connection lost. Please re-attach to the new target

    在chrome 总调试cordova出现如下错误: "Detached from the target. Remote debugging has been terminated with ...

  7. Delphi APP 開發入門（二）Android/iOS設定，Hello World

    Delphi APP 開發入門(二)Android/iOS設定,Hello World 分享: Share on facebookShare on twitterShare on google_plu ...

  8. fiddler 进行Android/IOS代理配置抓包

    1.准备:Android+IOS设备 下载:fiddler抓包工具,不是最新版的链接:   链接:https://pan.baidu.com/s/1BaBfu2H4xgpsh1wmkfC8aQ     ...

  9. React Native hot reloading & Android & iOS

    React Native hot reloading & Android & iOS https://facebook.github.io/react-native/docs/debu ...

随机推荐

  1. Can''t find the channel handler for deviceType 工行 个人网银 错误

    背景描述:系统Win7,浏览器IE8.登录工商银行个人网银的时候,输入帐号密码和验证码后,出现空白页面,上面一句话  Can''t find the channel handler for devic ...

  2. 更换 mac时 开发证书

    更换 mac时 开发证书,先导出, 后导入,如果出现错误,把projects自动签名改为手动

  3. 国家商用password（五）基于SM2的软件授权码生成及校验

    将公开密钥算法作为软件注冊算法的优点是Cracker非常难通过跟踪验证算法得到注冊机.以下.将介绍使用SM2国密算法进行软件注冊的方法. 生成授权码 选择SM2椭圆曲线參数(P,a,b,N,Gx,Gy ...

  4. SQL must not be null（低级错误）

    提醒一下: 数据库数据源配置出错,也会发生这种低级错误的.

  5. js aop 拦载实现

    var run = function(){ //is run } var aopBefore = function(){ //aopBefore } var tmpFn=run; run = func ...

  6. linux中shell脚本中系统预先定义的变量

    $0:脚本名称: $*:所有参数: $$:当前进程或者脚本的PID号: $!:后台运行的最后一个进程的PID号: $?:用于返回上一个命令是否成功.成功0,否则为非零: $#:参数个数: $@:所有参 ...

  7. 127.0.0.1和localhost和本机IP三者的区别

    1,什么是环回地址??与127.0.0.1的区别呢?? 环回地址是主机用于向自身发送通信的一个特殊地址(也就是一个特殊的目的地址). 可以这么说:同一台主机上的两项服务若使用环回地址而非分配的主机地址 ...

  8. opengl加载多个3ds模型失败记

    VC6 下载 http://blog.csdn.net/bcbobo21cn/article/details/44200205 opengl环境配置 http://blog.csdn.net/bcbo ...

  9. Django之通过tag推荐文章

    #路由 views.py def post_detail(request,year,month,day,post): ''' 文章详情 + 评论详情 :param request: :param ye ...

  10. kotlin 语言入门指南(一)--基础语法

    基于官网的Getting Start的基础语法教程部分,一共三节,这篇是第一节,翻译如下: 基础语法 定义一个包 包的声明必须放在文件头部: package my.demo import java.u ...