影刀RPA新手教程元素捕捉第一堂课——让影刀看到网页上的东西大家好我是林焱。今天教你让影刀看到网页上的东西。这是最最基础的一课别跳过。先搞懂什么是元素你把网页想象成一个大房间。房间里有很多东西按钮、输入框、文字、图片、链接。这些东西在影刀里统统叫做元素。就像你走进房间能看到椅子、桌子、灯泡一样。影刀要操作网页第一步就是让它能看到这些元素。我当时踩过这个坑我以为元素是很高级的东西后来才发现——网页上你能看到的东西全是元素。就这么简单。12大核心模块先认识一下学影刀RPA总共就这12个核心模块今天先混个脸熟打开网页——让影刀自动打开一个网址点击元素——让影刀自动点击按钮或链接输入文字——让影刀自动在输入框里打字读取文字——让影刀把网页上的文字读出来等待元素出现——等网页加载完再操作不然会出错网页截图——让影刀自动给网页截图保存元素捕捉——让影刀看到网页上的东西今天学这个XPath——用路径的方式找到元素CSS选择器——用特征的方式找到元素获取元素对象——把找到的元素存成变量循环——让影刀重复做同一件事变量——让影刀记住一些数据后面再用今天重点学第7个元素捕捉。其他的以后慢慢讲。案例主线打开百度首页捕捉百度一下按钮把按钮文字读出来我们今天要做的事情非常简单第一步让影刀自动打开百度首页第二步用元素捕捉捕捉百度一下这个按钮第三步把这个按钮上的文字读出来存到变量里做完你就能明白元素捕捉到底是怎么回事。第一步新建一个应用打开影刀RPA点击新建应用。应用名称随便填比如叫我的第一个应用。点击确定进入流程编辑界面。左边是指令区中间是流程编辑区右边是属性设置区。你记住这三个区域的位置以后天天用。第二步拖一个打开网页指令在左边指令区找到网页分类展开它。找到打开网页这个指令用鼠标按住拖到中间的流程编辑区。松开鼠标打开网页指令就添加成功了。这时候右边会出现属性设置区让你填参数。第三步填写打开网页的参数右边属性设置区里有一个网址输入框。在里面填入https://www.baidu.com下面还有一个浏览器类型选择Chrome。如果你电脑上装的是Edge就选Edge。再下面有一个保存网页对象至意思是把打开的网页存成一个变量。变量名不用改用默认的就行比如叫网页对象1。填完之后点击一下空白处参数就保存了。第四步让影刀真的打开百度首页流程编辑区里现在有一个打开网页指令了。点击上方的运行按钮绿色的三角形。你会看到影刀自动打开了Chrome浏览器并且自动打开了百度首页。如果没打开检查网址是不是填错了是不是少了https://。我当时踩过这个坑网址只填了www.baidu.com没加https://结果报错。网址一定要完整。店群矩阵自动化突破运营极限第五步认识元素捕捉工具网页打开之后现在我们要让影刀看到“百度一下这个按钮。在影刀里这个操作叫做捕捉元素”。元素捕捉可以理解成你用手指指着房间里的某个东西告诉影刀我要的是这个。捕捉到了影刀就记住了这个元素的长相以后就能操作它。第六步开始捕捉百度一下按钮在流程编辑区再拖一个指令。这次拖的是获取元素对象指令也在网页分类下面。拖进来之后右边属性设置区会让你选择一个元素。点击捕捉元素按钮或者叫捕获按钮不同版本名字可能不一样。点了之后鼠标会变成一个十字准星形状。第七步用十字准星点击百度一下按钮鼠标变成十字准星之后把鼠标移动到百度首页的百度一下按钮上。移动过去的时候你会看到按钮周围出现了一个蓝色的框。这个蓝框的意思是影刀已经看到这个元素了。这时候点击一下鼠标左键。点击之后会弹出一个元素校验窗口。第八步理解元素校验窗口元素校验窗口里会显示影刀捕捉到了什么。你会看到类似这样的信息标签名button 或者 input类型按钮文本百度一下其他一堆属性……这些信息不用全懂你只要确认文本那一栏显示的是百度一下就行。如果显示的不是百度一下说明你点错了关掉重新捕捉。我当时踩过这个坑网页还没加载完就点了捕捉结果捕捉到了一个loading图标折腾了半小时。一定要等网页完全加载完再捕捉。第九步保存捕捉到的元素确认捕捉对了之后点击保存按钮。这时候“获取元素对象指令就配置好了。右边属性设置区里“操作目标那里会显示你捕捉到的元素名称。比如可能叫按钮_百度一下之类的名字。再往下看有一个保存元素对象至”给这个元素起个变量名。比如叫百度一下按钮”这样后面好找。第十步读取百度一下按钮上的文字元素捕捉到了现在要让影刀把按钮上的文字读出来。再拖一个指令获取元素文本指令也在网页分类下面。拖进来之后右边属性设置区里“操作目标选择你刚才捕捉到的元素。就是那个百度一下按钮”。再往下看“保存结果至那里填一个变量名。比如叫按钮文字”。第十一步用打印日志看看读到了什么要让影刀把读到的文字显示出来需要用一个打印日志指令。在左边指令区找到调试分类展开它。找到打印日志指令拖到流程编辑区。右边属性设置区里“内容那里选择变量按钮文字”。这样运行的时候影刀就会把按钮文字打印出来让你看到。第十二步点击运行看结果现在流程编辑区里应该有这样几条指令打开网页打开百度首页获取元素对象捕捉百度一下按钮获取元素文本读取按钮上的文字打印日志把文字显示出来点击上方的运行按钮。运行完之后下方会弹出一个运行日志窗口。在里面你能看到百度一下这几个字。恭喜你你让影刀成功看到了网页上的元素并且读出了它的文字。元素捕捉的底层原理大白话版你可能会好奇影刀是怎么看到元素的其实网页上的每一个元素背后都有一段代码。这段代码的名字叫做HTML。影刀捕捉元素的时候就是在找这段HTML代码。找的方式有几种最常用的是这三种第一种按ID找。就像每个人有身份证号每个元素也有一个唯一ID。第二种按XPath找。就像从根节点开始一层一层找人。后面有专门一课讲这个。第三种按CSS选择器找。就像按特征找人“穿红衣服的那个人”。后面也有专门一课。今天你用的是第一种让影刀自动识别。什么时候捕捉会失败我总结了几个最常见的失败原因原因一网页没加载完就捕捉。解决办法等网页完全加载完再捕捉或者用等待元素出现指令。原因二元素在iframe里面。iframe就像网页里套了一个小网页得先切换到那个小网页才能捕捉。这个以后讲。原因三元素是动态加载的。比如滚动到下面才出现。解决办法先让影刀滚动页面再捕捉。原因四捕捉到了相似元素。网页上有好几个长得差不多的元素影刀不知道你要哪个。解决办法在元素校验窗口里手动调整特征让影刀能区分。真实代码XPath示例虽然今天主要学元素捕捉但我先给你看一个XPath的样子后面会详细学//*[idsu]这个XPath的意思是找到id等于su的元素。“百度一下按钮的id就是su”。你可以用F12打开浏览器的开发者工具用元素选择器点一下百度一下按钮就能看到这段代码inputtypesubmitidsuvalue百度一下classbg s_btn真实代码CSS选择器示例CSS选择器的写法是这样的#su意思是找到id等于su的元素。比XPath短多了。或者这样写input#su意思是找到一个input标签它的id是su。再或者这样写input[value百度一下]temu店群自动化报活动案例意思是找到一个input标签它的value属性是百度一下。真实代码Python调用影刀的示例如果你会用Python也可以通过Python调用影刀的能力。不过这是进阶内容今天先给你看个样子fromyingdaoimportRpaBot botRpaBot()bot.open_url(https://www.baidu.com)elementbot.capture_element(//*[idsu])textbot.get_element_text(element)print(text)今天不用管这个先把影刀的可视化指令用熟。真实代码配置参数示例打开网页指令里有几个重要的配置参数你要知道网址https://www.baidu.com 浏览器类型Chrome 窗口状态普通 等待加载完成是 超时时间秒30 保存网页对象至网页对象1“等待加载完成一定要选是”不然网页没加载完影刀就继续往下走会出错。超时时间意思是如果30秒内网页还没打开就报错。你可以改成60秒更保险。我当时踩过的其他坑坑一捕捉元素的时候鼠标点错了位置。解决办法如果捕捉错了在元素库里找到那个元素右键删除重新捕捉。坑二元素捕捉成功了但是运行时报错找不到元素。原因通常是网页结构变了或者元素属性变了。解决办法重新捕捉一次元素。坑三在同一个流程里打开了多个网页影刀分不清该操作哪个。解决办法每个打开网页指令都要把网页对象保存成不同的变量名。home.linyan.cloud你可以去 home.linyan.cloud 看看更多影刀RPA的学习资料。今天你学到了什么今天你学会了什么是元素网页上的东西都叫元素怎么用影刀捕捉元素用十字准星点一下怎么读取元素上的文字用获取元素文本指令怎么查看运行结果用打印日志指令这四件事是影刀RPA最最基础的操作。后面的课程都是在今天的基础上加深。练习题可选如果你愿意可以自己试试用今天学的方法捕捉百度首页的搜索输入框把输入框的placeholder文字读出来。placeholder就是输入框里灰色的提示文字百度搜索框里显示的是请输入搜索关键词。提示用获取元素属性指令属性名填placeholder。内容标签影刀RPA # 新手教程 # 元素捕捉 # 零基础 # 入门教程 # 影刀入门 # RPA自动化 # 网页自动化作者林焱