andr查看appweb元素方法.docxVIP

andr查看app web元素方法 方法一:使用PC chrome浏览器查看app界面元素 工具：1.最新chrome浏览器 2.andr系统可以查看webview列表手机（推荐小米4或者三星部分手机，部分手机因rom定制的原因webview列表不能看见 ） 优缺点：快捷、方便查看app的web元素。但是不是所有手机都可以查看，限制机型。而且chrome浏览器有时不允许查看webview列表。 操作方法： 在chrome浏览器中输入chrome://inspect 手机使用USB线连接电脑，打开USB调试模式，观察设备是否连接电脑，显示手机设备型号即是连接成功 查看webview列表，选取相关的应用，点击”inspect” 进入应用程序，左侧为应用程序界面，右侧上方选取Elements可以看见h5代码。在程序界面定位想要的图片或者文字，即在代码区域同步定位相关的web元素 方法二:使用fidder抓url查看app web界面元素 工具：1.手机需要安装chrome浏览器 2.fidder抓包工具 优缺??： 可以抓到整个界面的web元素，清晰定位web元素。但是操作较为复杂，需要fidder工具配合 操作方法： 1.在chrome浏览器中输入chrome://inspect 2.手机使用USB线连接电脑，打开USB调试模式，观察设备是否连接电脑，显示手机设备型号即是连接成功 3. 首先点击app中web元素界面（比如发布页），然后在fidder中查看该请求，选择URL为的请求 4.在右侧响应栏中，先点击黄色长条，再点击“Webview”按钮,即可以查看接收到web界面 5.在web界面处，点击右键，选择“查看源文件”,可以到处web界面的所有代码 根据导出的代码，可以找到相应的web元素