简单介绍

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

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

webview定位

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

遇到这种情况,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,连接设备后的图如下:

Android/iOS Remote debugging-LMLPHP

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

Android/iOS Remote debugging-LMLPHP

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

Android/iOS Remote debugging-LMLPHPAndroid/iOS Remote debugging-LMLPHP

Android/iOS Remote debugging-LMLPHP

05-10 18:34