Web自动化框架LazyUI使用手册（4）--控件抓取工具Elements Extractor详解（批量抓取）

概述

前面的一篇博文详细介绍了单个控件抓取的设计思路&逻辑以及使用方法，本文将详述批量控件抓取功能。

批量抓取：打开一个web页面，遍历页面上所有能被抓取的元素，获得每个元素的iframe、和三个唯一定位控件的xpath，以及被抓取元素的缩略展示，供使用者勾选，并生成基于LazyUI框架的Java代码，解决整个页面元素的获取问题。

下载：

http://download.csdn.net/detail/kaka1121/9571942

拖拽安装到chrome即可右键使用

工具由来和设计思路在上篇博文中已有详细描述，此文中不再赘述。

http://blog.csdn.net/kaka1121/article/details/51878346

使用：

以百度首页为例，页面长这样：

点击右键

得到的结果如下（前7个）：

简单来说，批量获取就是把每个控件单个获取的结果，以表格形式呈现，并且对获取到的控件做一个直观的展示（“控件展示”列），以便用户勾选需要的控件，生成代码。

如上图所示：

第一行为百度搜索框的抓取结果，

控件类型为“text”，

默认勾选生成代码，因为可以用id唯一定位，

给出了三个可对其唯一定位的xpath：

//input[@id='kw']
//input[@name='wd']
//input[contains(@class,'s_ipt')]

控件名称和描述都默认取其id，可自行修改。

点击全选，可以将工具抓取到的所有控件勾选，（能用ID或name唯一定位的，默认勾选“生成代码”）

也可以在xpath列勾选抓取到的xpath，可以把那些不稳定的xpath勾选掉，

在最下面填写pagebean的包名和类名后，会生成一个.java文件，包含了bean层所有的代码，直接拷贝到工程中即可使用。

package bean;
import lazy.test.ui.annotations.*;
import lazy.test.ui.beans.PageBean;
import lazy.test.ui.controls.*;
import lazy.test.ui.browser.BrowserEmulator;
public class baidu extends PageBean {
    @Xpath(xpath={"//input[@id='kw']", "//input[@name='wd']", "//input[contains(@class,'s_ipt')]"})
    @Frame(frame="")
    @Description(description="kw")
    public Text kw;
    @Xpath(xpath={"//input[@id='su']", "//input[contains(@value,'百度一下')]", "//input[contains(@class,'bg s_btn')]"})
    @Frame(frame="")
    @Description(description="su")
    public Click su;
    @Xpath(xpath={"//a[@name='ime_hw']", "//a[contains(text(),'手写')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[1]/a"})
    @Frame(frame="")
    @Description(description="imehw")
    public Click imehw;
    @Xpath(xpath={"//a[@name='ime_py']", "//a[contains(text(),'拼音')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[2]/a"})
    @Frame(frame="")
    @Description(description="imepy")
    public Click imepy;
    @Xpath(xpath={"//a[@name='ime_cl']", "//a[contains(text(),'关闭')]", "/html/body/div[3]/div[1]/div/div[1]/div/form/span[3]/span/ul/li[4]/a"})
    @Frame(frame="")
    @Description(description="imecl")
    public Click imecl;
    @Xpath(xpath={"//a[@name='tj_trnuomi']", "//a[contains(text(),'糯米')]", "/html/body/div[3]/div[1]/div/div[3]/a[1]"})
    @Frame(frame="")
    @Description(description="tjtrnuomi")
    public Click tjtrnuomi;
    @Xpath(xpath={"//a[@name='tj_trnews']", "/html/body/div[3]/div[1]/div/div[3]/a[2]"})
    @Frame(frame="")
    @Description(description="tjtrnews")
    public Click tjtrnews;
    @Xpath(xpath={"//a[@name='tj_trhao123']", "//a[contains(text(),'hao12')]", "/html/body/div[3]/div[1]/div/div[3]/a[3]"})
    @Frame(frame="")
    @Description(description="tjtrhao123")
    public Click tjtrhao123;
    @Xpath(xpath={"//a[@name='tj_trmap']", "/html/body/div[3]/div[1]/div/div[3]/a[4]"})
    @Frame(frame="")
    @Description(description="tjtrmap")
    public Click tjtrmap;
    @Xpath(xpath={"//a[@name='tj_trvideo']", "/html/body/div[3]/div[1]/div/div[3]/a[5]"})
    @Frame(frame="")
    @Description(description="tjtrvideo")
    public Click tjtrvideo;
    @Xpath(xpath={"//a[@name='tj_trtieba']", "/html/body/div[3]/div[1]/div/div[3]/a[6]"})
    @Frame(frame="")
    @Description(description="tjtrtieba")
    public Click tjtrtieba;
    @Xpath(xpath={"//div[@id='u1']//a[@name='tj_login']", "//a[@name='tj_trnuomi']/parent::div/a[7]", "/html/body/div[3]/div[1]/div/div[3]/a[7]"})
    @Frame(frame="")
    @Description(description="tjlogin")
    public Click tjlogin;
    @Xpath(xpath={"//div[@id='u1']//a[@name='tj_settingicon']", "//a[@name='tj_trnuomi']/parent::div/a[8]", "/html/body/div[3]/div[1]/div/div[3]/a[8]"})
    @Frame(frame="")
    @Description(description="tjsettingicon")
    public Click tjsettingicon;
    @Xpath(xpath={"//a[@name='tj_briicon']", "//a[contains(text(),'更多产品')]", "//a[contains(@class,'bri')]"})
    @Frame(frame="")
    @Description(description="tjbriicon")
    public Click tjbriicon;
    @Xpath(xpath={"//a[@name='tj_mp3']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[1]"})
    @Frame(frame="")
    @Description(description="tjmp3")
    public Click tjmp3;
    @Xpath(xpath={"//a[@name='tj_img']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[2]"})
    @Frame(frame="")
    @Description(description="tjimg")
    public Click tjimg;
    @Xpath(xpath={"//a[@name='tj_zhidao']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[3]"})
    @Frame(frame="")
    @Description(description="tjzhidao")
    public Click tjzhidao;
    @Xpath(xpath={"//a[@name='tj_wenku']", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[4]"})
    @Frame(frame="")
    @Description(description="tjwenku")
    public Click tjwenku;
    @Xpath(xpath={"//a[@name='tj_bang']", "//a[contains(text(),'风云榜')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[5]"})
    @Frame(frame="")
    @Description(description="tjbang")
    public Click tjbang;
    @Xpath(xpath={"//a[@name='tj_tuiguang']", "//a[contains(text(),'百度推广')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/a[6]"})
    @Frame(frame="")
    @Description(description="tjtuiguang")
    public Click tjtuiguang;
    @Xpath(xpath={"//a[@name='tj_more']", "//a[contains(text(),'全部产品>')]", "/html/body/div[3]/div[1]/div/div[4]/div/div[2]/div[1]/div/div/a"})
    @Frame(frame="")
    @Description(description="tjmore")
    public Click tjmore;
    @Xpath(xpath={"//a[@id='setf']", "//a[contains(@style,'display: inline;')]", "/html/body/div[3]/div[3]/div/div[2]/p[1]/a[2]"})
    @Frame(frame="")
    @Description(description="setf")
    public Click setf;
    public baidu(BrowserEmulator be) { super(be); }
}

总结

使用此插件，可以快速地完成控件的获取，以及bean层代码（根据8种不同控件类型，提供其特异的方法）的自动生成，几乎完全释放控件获取的工作量。