影刀RPA新手教程元素捕捉第一课——怎么让影刀看到网页上的按钮作者林焱前面几篇教程我们已经学会了怎么创建流程、怎么保存和打开流程、怎么使用指令箱。这一篇教程我们要来讲一个非常重要、非常核心的内容元素捕捉。什么是元素捕捉简单说就是让影刀RPA看到网页上的按钮、输入框、链接等等东西。就像你的眼睛看到网页上的百度一下按钮一样RPA也需要看到这个按钮才能去点击它。如果RPA看不到这个按钮它就不知道要点击哪里流程就会出错。所以这一篇教程非常关键你要认真看。案例主线打开百度首页捕捉百度一下按钮我们这一篇要做的案例是第一步创建一个新流程。第二步添加一条打开网页指令让RPA打开百度首页。第三步添加一条点击元素指令先不配置我们主要是做元素捕捉的演示。第四步在点击元素指令的操作目标属性里面用捕捉元素功能捕捉百度首页上的百度一下按钮。第五步捕捉成功之后运行流程看看RPA是不是能点击百度一下按钮。这五步做完你就学会了元素捕捉的基本操作了。什么是网页元素在讲元素捕捉之前我要先给你讲一下什么是网页元素。你打开百度的首页你会看到最上面有一个长长的输入框那是用来输入搜索关键词的。输入框的右边有一个按钮上面写着百度一下那是用来点击进行搜索的。页面的最下面还有一些链接比如新闻、“贴吧”、知道等等。这些东西输入框、按钮、链接在网页的技术术语里面都叫做元素。每一个元素在网页的代码里面都有一段对应的代码。比如百度一下这个按钮在百度的网页代码里面大概是这样的我简化了一下实际的代码可能更复杂inputtypesubmitvalue百度一下idsu这段代码的意思是这是一个输入框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会把控制权交给鼠标你需要去网页上看看红色的边框是不是框住了你想要的元素。如果是那就说明捕捉正确。如果不是那就说明捕捉错了你需要重新捕捉。重新捕捉的方法在操作目标属性里面用鼠标左键点击重新捕捉按钮可能是一个刷新图标或者写着重新捕捉两个字。然后按照之前讲过的捕捉步骤重新捕捉一次。我当时第一次校验元素的时候不知道要校验。我捕捉完元素之后就直接运行流程了。结果流程运行的时候报错了说找不到元素。后来我才学会捕捉完元素之后一定要校验一下确保捕捉正确再运行流程。TEMU店群如何管理运营所以你现在知道了捕捉完元素之后不要急着运行流程先校验一下。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 #影刀入门 #影刀元素捕捉作者林焱