UI分析器的运用

      我们先回顾一下在初级的有目标命令中学过的内容：

      第一、使用UiBot的时候，应该优先使用有目标的命令，因为有目标的命令更加准确；

      第二、使用UiBot的时候，如何准确选取一个目标是很关键的，只要准确地选到了目标，模拟操作相对来说就比较简单了；

      第三、UiBot提供了全自动的选取目标的方法，在全自动选取目标完成后，还可以手动修改目标的特征，以便尽量减少错选和漏选。

      上述工作是不是已经足够了呢？还不够！只要稍微有点经验的UiBot用户就会知道，虽然UiBot提供了全自动选取目标的方法，但是最难的、最容易出错的恰恰是“如何正确选取一个目标”这个步骤！

      熟悉前端页面的应该知道：界面元素，尤其是Web页面的界面元素，其实一个层层嵌套的树形结构。在使用UiBot的“查找目标”功能定位所要查找的目标元素时，有可能误定位到真实目标的父节点或者子节点，因为真实目标和它的父节点、子节点在界面上有时候看起来完全一样。我们来看一个具体例子，这是某购物网站的一个商品列表页面截图片段：

      假设要获得的是商品的详细链接，熟悉前端页面的应该知道，链接地址通常为某个<a>界面元素的href属性。我们可以通过查看页面的源文件确认。

      插入一条“获取元素属性”命令，点击“查找目标”按钮，此时出现了一个红边蓝底的半透明遮罩，在页面上移动鼠标使遮罩刚好盖住所要选取的界面元素；在该命令的属性“属性名”处填入"href"。再插入一条“输出调试信息”命令，将获得的链接地址打印出来。

      一切准备妥当，点击运行，查看结果，发现并未如我们所愿打印出链接地址，这是为什么呢？

      原因正如上面所述，系统并未准确地定位到我们期待的那个目标，那么怎样才能准确地定位目标呢？这个时候，就要用到UiBot提供的一个神器 — UI分析器！UI分析器是一个独立的应用程序，启动按钮位于UiBot Creator主界面的工具栏。

      点击“UI分析器”按钮，即可启动UI分析器。初次启动时，UI分析器的主界面没有内容。

      点击UI分析器主界面的“查找目标”，这个按钮与UiBot Creator中有目标命令的“查找目标”作用是一致的，弹出半透明遮罩，我们同样选择刚才选择的目标。UI分析器会给出所选择目标的信息，包括缩略图标、特征筛选、可视化树等。

      我们尤其需要关注“可视化树”，在“可视化树”界面中，UI分析器高亮显示了当前所选取目标的标签名称tagName。可以看到，当前选取的是<EM>标签，而我们期待的那个目标<a>标签是<EM>标签的父节点。在可视化树的<a>标签处点击右键，弹出“设置为当前目标”菜单，点击该菜单，<a>标签被高亮显示，表示<a>标签被选为当前目标。

      点击“可视化树”右下角的“复制到剪贴板”，即可将当前目标的特征复制到剪贴板。再次切换到UiBot Creator的可视化界面，点击“获取元素属性”命令，将刚才复制的特征粘贴到“目标”属性中。我们可以点击“目标”右边的“编辑器”按钮，确认当前目标已由<EM>标签切换为<a>标签。

      再次点击运行，查看结果，输出正确结果。