影刀RPA新手教程：元素捕捉第一课——怎么让影刀看到网页上的按钮

影刀RPA新手教程：元素捕捉第一课——怎么让影刀看到网页上的按钮

作者：林焱

前面几篇教程，我们已经学会了怎么创建流程、怎么保存和打开流程、怎么使用指令箱。

这一篇教程，我们要来讲一个非常重要、非常核心的内容：元素捕捉。

什么是元素捕捉？简单说，就是让影刀RPA"看到"网页上的按钮、输入框、链接等等东西。

就像你的眼睛看到网页上的"百度一下"按钮一样，RPA也需要"看到"这个按钮，才能去点击它。

如果RPA"看"不到这个按钮，它就不知道要点击哪里，流程就会出错。

所以这一篇教程非常关键，你要认真看。

案例主线：打开百度首页，捕捉"百度一下"按钮

我们这一篇要做的案例是：

第一步：创建一个新流程。

第二步：添加一条"打开网页"指令，让RPA打开百度首页。

第三步：添加一条"点击元素"指令（先不配置，我们主要是做元素捕捉的演示）。

第四步：在"点击元素"指令的"操作目标"属性里面，用"捕捉元素"功能，捕捉百度首页上的"百度一下"按钮。

第五步：捕捉成功之后，运行流程，看看RPA是不是能点击"百度一下"按钮。

这五步做完，你就学会了元素捕捉的基本操作了。

什么是网页元素

在讲元素捕捉之前，我要先给你讲一下，什么是网页元素。

你打开百度的首页，你会看到：

最上面，有一个长长的输入框，那是用来输入搜索关键词的。

输入框的右边，有一个按钮，上面写着"百度一下"，那是用来点击进行搜索的。

页面的最下面，还有一些链接，比如"新闻"、“贴吧”、"知道"等等。

这些东西（输入框、按钮、链接），在网页的技术术语里面，都叫做"元素"。

每一个元素，在网页的代码里面，都有一段对应的代码。

比如"百度一下"这个按钮，在百度的网页代码里面，大概是这样的（我简化了一下，实际的代码可能更复杂）：

<inputtype="submit"value="百度一下"id="su">

这段代码的意思是：这是一个输入框（input），类型是提交（submit），上面显示的文字是"百度一下"，它的id是"su"。

RPA要"看到"这个按钮，就是要找到网页代码里面，对应的这一段代码。

找到之后，RPA就知道：“哦，原来这就是用户要我点击的按钮。”

然后RPA就可以对这个按钮进行操作了，比如点击它。

我当时第一次接触"元素"这个概念的时候，完全看不懂。

我以为"元素"是化学里面的元素，比如氧元素、氢元素。

后来我才明白，在网页里面，"元素"指的就是网页上的那些东西：按钮、输入框、链接、图片、文字等等。

所以你不需要懂什么化学，只需要知道，网页上的按钮、输入框这些东西，就叫做"元素"就好了。

元素捕捉的原理：让RPA记住元素的特征

元素捕捉的原理是什么？

就是让RPA去读取网页代码，找到你要操作的那个元素，然后把那个元素的"特征"记下来。

什么是"特征"？就是能唯一标识这个元素的一些属性。

比如"百度一下"这个按钮，它有以下特征：

特征一：它的类型是"input"（输入框）。

特征二：它的"value"属性的值是"百度一下"。

特征三：它的"id"属性的值是"su"。

这些特征，就像是这个按钮的"身份证"，有了这些特征，RPA就能在网页上准确地找到这个按钮，不会找错。

元素捕捉的过程，就是RPA读取网页代码，提取这些特征，然后保存起来的过程。

保存起来之后，以后每次流程运行到这一条指令的时候，RPA就会根据之前保存的特征，去网页上找这个元素。

找到了，就操作它（比如点击它、填写它）。

找不到，就报错，说"找不到元素"。

我当时第一次做元素捕捉的时候，不知道RPA是根据"特征"来找元素的。

我以为RPA是根据"位置"来找元素的，比如"屏幕左上角往下200像素、往右300像素的位置"。

后来我发现，如果我换了电脑，或者换了浏览器窗口大小，RPA就找不到元素了。

后来我才知道，RPA是根据元素的"特征"来找元素的，不是根据位置。

所以即使你换了电脑、换了浏览器窗口大小，只要网页没有改版（网页代码没有大改），RPA就能找到这个元素。

怎么捕捉元素：详细步骤

讲了这么多原理，现在我们来实际操作一下，看看怎么捕捉元素。

我们以"捕捉百度首页上的’百度一下’按钮"为例，来讲详细的操作步骤。

第一步：打开百度首页。

你需要先手动打开百度首页（用你的浏览器，手动打开 https://www.baidu.com）。

为什么要手动打开？因为我们这一篇是讲元素捕捉，还没有讲到怎么用RPA自动打开网页。

当然，你也可以用RPA自动打开，但是为了让你更清楚地看到元素捕捉的过程，我建议你先手动打开。

第二步：在影刀RPA里面，添加一条"点击元素"指令（或者任何需要指定"操作目标"的指令）。

具体操作：在指令箱里面，找到"点击元素"指令，用鼠标按住它，拖到流程编辑区里面，松开鼠标。

第三步：选中刚刚添加的"点击元素"指令，然后看右侧的属性面板。

在属性面板里面，找到"操作目标"这个属性。

"操作目标"属性的右边，有一个"捕捉元素"按钮（可能是一个靶心的图标，或者写着"捕捉"两个字）。

用鼠标左键点击这个"捕捉元素"按钮。

第四步：点击"捕捉元素"按钮之后，影刀RPA的窗口会最小化，控制权会交给你鼠标。

这时候，你移动鼠标到百度首页的"百度一下"按钮上面。

你会看到，鼠标移动到的地方，会出现一个红色的边框，把这个元素给框起来。

这个红色的边框，就是影刀RPA在告诉你：“我现在’看到’了这个元素。”

第五步：当红色的边框正好框住了"百度一下"按钮的时候，用鼠标左键点击一下这个按钮。

点击之后，影刀RPA的窗口会弹回来，然后"操作目标"属性里面，就会出现你刚才捕捉到的元素的信息。

一般会显示元素的名字（比如"按钮_百度一下"），以及元素的一些特征。

这说明你已经成功捕捉到了"百度一下"按钮！

第六步：运行流程，看看效果。

保存流程，然后运行流程。

如果一切正常，RPA会自动点击"百度一下"按钮，然后百度就会进行搜索（当然，因为搜索框里面没有关键词，所以搜索结果是空的，但是按钮确实被点击了）。

这说明你的元素捕捉成功了！

我当时第一次捕捉元素的时候，不知道要等红色的边框出现之后再点击。

我一点击"捕捉元素"按钮，就赶紧去点击"百度一下"按钮，结果没有捕捉成功。

后来我才知道，点击"捕捉元素"按钮之后，要等一小会儿，等影刀RPA把控制权交给鼠标，然后移动鼠标到目标元素上面，等红色的边框出现之后，再点击。

所以你捕捉元素的时候，不要着急，等红色的边框出现之后，再点击。

元素捕捉的三种模式

影刀RPA里面，元素捕捉有三种模式：

模式一：默认模式（也叫"智能模式"）。

这种模式下，你点击"捕捉元素"按钮之后，移动鼠标到网页上的元素上面，影刀RPA会自动识别这个元素，并用红色的边框把它框起来。

这种模式下，你只需要点击一下想要捕捉的元素，就可以了。

这种模式的优点是：简单，快捷，适合大部分情况。

缺点是：有些时候，影刀RPA识别的元素不是你想要的。比如你想捕捉一个表格里面的某个单元格，但是影刀RPA识别的是整个表格。

模式二：精确模式（也叫"按快捷键切换"）。

这种模式下，你可以用键盘上的快捷键，来切换你要捕捉的是哪个元素。

比如，当红色的边框框住了一个比较大的区域（比如整个表格）的时候，你可以按一下键盘上的某个键（具体是哪个键，影刀RPA的提示里面会写，一般是"Ctrl"键或者"Tab"键），让红色的边框缩小到更精确的元素（比如表格里面的某个单元格）。

这种模式的优点是：可以捕捉到更精确的元素。

缺点是：需要记住快捷键，操作稍微复杂一点。

模式三：XY坐标模式（也叫"坐标模式"）。

这种模式下，影刀RPA不是根据元素的"特征"来捕捉，而是根据元素在屏幕上的X坐标和Y坐标来捕捉。

这种模式的优点是：可以捕捉到那些"特征"不明显、或者影刀RPA识别不到的元素。

缺点是：如果换了电脑、换了浏览器窗口大小，坐标就变了，RPA就找不到元素了。所以这种模式不推荐使用，除非万不得已。

一般情况下，用默认模式就足够了。

如果默认模式捕捉不到你想要的元素，再试试精确模式。

如果精确模式还不行，再考虑用XY坐标模式（但是要谨慎使用）。

我当时第一次用精确模式的时候，不知道要按哪个快捷键来切换元素。

我看着红色的边框框住了一个大区域，不知道怎么让它缩小到我想要的小区域。

后来我仔细看了影刀RPA的提示，才发现要按"Ctrl"键来切换。

所以你用精确模式的时候，要仔细看影刀RPA给你的提示，提示里面会告诉你按哪个键来切换。

元素校验：检查捕捉到的元素是否正确

捕捉完元素之后，你需要校验一下，看看捕捉到的元素是不是你想要的那个。

校验的方法：

在"操作目标"属性里面，找到你刚刚捕捉到的元素（一般会显示元素的名字，比如"按钮_百度一下"）。

用鼠标左键点击这个元素名字右边的"校验"按钮（可能是一个对勾的图标，或者写着"校验"两个字）。

点击之后，影刀RPA会把控制权交给鼠标，你需要去网页上，看看红色的边框是不是框住了你想要的元素。

如果是，那就说明捕捉正确。

如果不是，那就说明捕捉错了，你需要重新捕捉。

重新捕捉的方法：

在"操作目标"属性里面，用鼠标左键点击"重新捕捉"按钮（可能是一个刷新图标，或者写着"重新捕捉"两个字）。

然后按照之前讲过的捕捉步骤，重新捕捉一次。

我当时第一次校验元素的时候，不知道要校验。

我捕捉完元素之后，就直接运行流程了。

结果流程运行的时候报错了，说"找不到元素"。

后来我才学会，捕捉完元素之后，一定要校验一下，确保捕捉正确，再运行流程。

所以你现在知道了，捕捉完元素之后，不要急着运行流程，先校验一下。

12大核心模块之"元素定位"模块详细讲解

在这一篇里面，我们详细讲了"元素捕捉"。

"元素捕捉"是"元素定位"这个核心模块的最基础、最重要的内容。

"元素定位"模块，是12大核心模块中的第二个模块，也是非常关键的模块。

因为几乎所有的RPA流程，都需要操作网页上的元素（按钮、输入框、链接等等），所以都需要用到"元素定位"模块里面的功能。

"元素定位"模块，除了"元素捕捉"之外，还包括：

元素编辑：捕捉到元素之后，你可以编辑这个元素的"特征"，让RPA能更准确地找到这个元素。

比如，某个元素的"id"属性是动态变化的（每次刷新网页，"id"都会变），那么你就可以在元素编辑里面，去掉"id"这个特征，改用其他不变的特征（比如"value"属性）来定位这个元素。

元素库：你可以把常用的元素保存到元素库里面，以后需要用的时候，直接从元素库里面拿出来用，不需要重新捕捉。

这就像你把常用的网址保存到浏览器的收藏夹里面一样，以后访问的时候，直接从收藏夹里面点击就好了，不需要重新输入网址。

我们后面的教程，会详细地讲"元素编辑"和"元素库"的用法。

现在你只需要掌握"元素捕捉"的基本操作，就可以了。

我当时踩过的坑

我第一次做元素捕捉的时候，踩过四个坑。

第一个坑：我不知道要等红色的边框出现之后再点击。

我一点击"捕捉元素"按钮，就赶紧去点击目标元素，结果没有捕捉成功。

第二个坑：我捕捉错了元素，不知道要校验。

我捕捉完之后，没有校验，直接运行流程，结果流程报错了。

第三个坑：我不知道网页改版之后，元素的特征可能会变，导致RPA找不到元素。

有一次，我做好了一个流程，运行了好几个月都没有问题。

结果有一天，百度的首页改版了，"百度一下"按钮的代码变了，我的流程就找不到这个按钮了，报错了。

后来我才知道，网页改版之后，要重新捕捉元素。

第四个坑：我用了XY坐标模式来捕捉元素，结果换了电脑之后，流程就运行失败了。

因为两台电脑的分辨率不一样，坐标不一样，RPA找不到元素了。

后来我才知道，除非万不得已，不要使用XY坐标模式。

小结

这一篇教程，我们讲了以下内容：

什么是网页元素（按钮、输入框、链接等等）。

元素捕捉的原理：让RPA记住元素的特征。

怎么捕捉元素：详细步骤。

元素捕捉的三种模式：默认模式、精确模式、XY坐标模式。

元素校验：检查捕捉到的元素是否正确。

12大核心模块之"元素定位"模块的详细讲解。

案例主线：打开百度首页，捕捉"百度一下"按钮。

你现在应该已经学会元素捕捉的基本操作了。

更多RPA学习资源，可以访问 home.linyan.cloud 查看。

下一篇教程，我们会讲：影刀RPA新手教程：填写第一个输入框——怎么在网页上自动填文字。

我们会讲怎么用"填写输入框"指令，让RPA在网页上的输入框里面，自动填写文字。

#影刀RPA #RPA教程 #元素捕捉 #RPA元素定位 #RPA新手教程 #零基础学RPA #影刀入门 #影刀元素捕捉

作者：林焱