因为微信小程序以及一些混合型app是用webview实现的，但是因为uiautomator viewer不能直接对webview界面元素进行定位，所以我们就要用其他的呀元素对webview界面元素进行定位。比如Chrome的Devtools
接下来我们就说一下如何运用Devtools对界面进行定位。
（先确保手机连上了电脑打开了USB调试并且打开了一个webview页面，比如微信小程序）
在用Devtools之前要先确保几点：
1、手机上安装了Chrome浏览器，最好比电脑上的Chrome浏览器版本低
2、手机微信打开TBS调试，具体如何打开用微信扫下方二维码
打开TBS调试
3、还有很重要一点就是你的Chrome必须翻墙（可以去淘宝买）
1.首先先需要下载一个Chrome浏览器，输入chrome://inspect/#devices进入Devtools页面。这时候你可以看见你的设备已经连上了手机
下面显示webview的页面就是你需要的页面啦，可以一个个打开看一下。
注意只有这种body里面有东西的页面才是你需要的页面
二.可能出现的问题
1.如果打开了正确的页面的话却左侧页面显示空白
可以刺激一下右侧的css，箭头所指的这些小框可以不停的勾选和取消勾选就达到了刺激css的目的
2.如果Devtools页面上没有出现webview页面，如图这样的场景
只显示连接了设备而没有具体页面
你可以先打开一个浏览器，随便点进去一个网页或者打开微信搜一搜进入一个小程序或公众号，可能多进行几次webview就出来了。
笔者当时也弄了整整两天，才搞定这些个页面，现在把我踩到的坑写出来，希望大家顺利。