简单介绍

使用下面方法可以定位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. 【spring cloud】【spring boot】项目启动报错：Cannot determine embedded database driver class for database type NONE

    解决参考文章:https://blog.csdn.net/hengyunabc/article/details/78762097 spring boot启动报错如下: Error starting A ...

  2. 80端口被屏蔽解决方法，80端口穿透之NAT端口映射技术

    介绍一种NAT端口映射技术应用,达到80端口穿透目的,解决80端口被屏蔽的问题,也是80端口被屏蔽解决方法中经常用到的. 80端口穿透类似80端口转发,因为80端口被屏蔽,在数据层面来说是不能直接访问 ...

  3. 第一次用THINKPHP 报路径错

    我第一次 看网上写的代码 define('THINK_PATH','ThinkPHP');define('App_NAME','43');define('App_PATH','.'); require ...

  4. 在OpenCV中实现matlab中的im2double功能

    最近在把matlab的代码转化到VS2010上. matlab中采用im2double将读入的图像转换为double型,在OpenCV中就需要对图像进行深度的转换. 读入一幅灰度图像,深度为1(8U) ...

  5. getchar()和getch()的区别

    1.getchar();从键盘读取一个字符并输出,该函数的返回值是输入第一个字符的ASCII码:若用户输入的是一连串字符,函数直到用户输入回车时结束,输入的字符连同回车一起存入键盘缓冲区.若程序中有后 ...

  6. mysql 远程登陆不上

    当使用 TCP/IP 连接 mysql 时, 出现 : Can't connect to MySQL server on 'xxx.xxx.xxx.xxx.'(111) 这个错误. 经过重复折腾: 确 ...

  7. mysql去掉空格换行符

    http://blog.csdn.net/gt219/article/details/52038382

  8. CSRF到底 是个什么玩意？

    CSRF CSRF(Cross-site request forgery)跨站请求伪造,也被称为"One Click Attack"或者Session Riding,通常缩写为CS ...

  9. Shell脚本值：运算符

    算术运算符 原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 expr,expr 最常用. expr 是一款表达式计算工具,使用它能完成表达式的求值操作. 例如:实现两个 ...

  10. 如何在vs2010中添加Picture控件

    1.新建项目,并在对话框控件中拖入picture控件,并做如下设置 2.在picture控件的属性栏需要进行如下修改:ID需要修改,不能为static ID是控件的唯一标识,PictureCtrl(p ...