Android/iOS Remote debugging

简单介绍

使用下面方法可以定位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 如果你之前用过，那么现在用的方法和原来一样。截图