前言

Katalon Studio提供了Web Object Spy功能，该功能可以主动抓取元素及其属性。同时，内置的验证和Highlight显示功能可以进一步验证元素定位的准确性。用户使用Web Object Spy可以随心所欲的抓取应用程序界面中的任何元素及其属性，并且保存到元素对象库中。

通过Spy Web功能添加对象

新建测试用例以后，按照如下步骤进行操作（该部分使用Chrome浏览器）：

• 点击Spy Web

  
  
  Spy Web

• 输入需要打开的网址

• 选择驱动Chrome浏览器

• 点击Start

  
  
  Start

• 打开品牌库输入www.skppk168.cn

• 定位登陆按钮，将其捕获（按组合键Alt+ `）

• 确认捕获的元素

• 将按钮保存到对象仓库中

• 查看捕获的所有信息
  Spy Web的作用是可以在较为复杂的页面上或者当操作人员不会写代码需要操作元素时，用Spy Web可以非常方便的手动抓取到。

打开浏览器跳转链接到你输入的网址，然后将鼠标光标悬停在要捕获的Web对象上。Web对象将以红色边框突出显示。一个覆盖面板也将在屏幕的边缘显示，以显示元素相关的XPath信息。

image.png

Highlight验证是否能够定位到元素

验证是否可以定位到元素

点击Save，左侧选择需要保存的元素，右侧选择需要存储的路径点击OK进行保存。可以通过鼠标右键修改文件夹和元素的名称

增加测试执行步骤

打开新建立的测试用例login,点击Add按钮增加测试执行步骤。

• 点击Add
• 选择Web Ui Keyword
• 输入Open Browser，输入网址www.skppk168.cn
• 打开品牌库首页
• 在输入框里输入账号、密码
• 点击登陆

• 展示登陆结果
  执行结果如下图所示：

  
  
  展示登陆结果

上面所述是通过Spy Web抓取元素，那么如何借助Spy Web自己新增元素及其属性呢？也就是如何获取Web对象XPath或CSS Locator？
1.在活动的浏览器中打开Spy Web，右键单击目标Web元素。选择检查：

右击检查代码

元素检查器窗口将显示在右侧，带有突出显示的行，指示HTML DOM中目标元素的位置。右键单击高亮显示的行>选择“ 复制” >“选择复制XPath”或“ 复制选择器”

image.png

导航回Object Spy窗口并粘贴到Xpath Selector Editor中；

粘贴元素

Verify and Highlight验证是否能够定位到元素完成后，单击“保存”将对象正常添加到对象存储库。