影刀RPA新手教程：元素捕捉第一堂课——让影刀看到网页上的东西

大家好，我是林焱。

今天教你让影刀"看到"网页上的东西。这是最最基础的一课，别跳过。

先搞懂：什么是"元素"

你把网页想象成一个大房间。
房间里有很多东西：按钮、输入框、文字、图片、链接。
这些东西，在影刀里统统叫做"元素"。
就像你走进房间能看到椅子、桌子、灯泡一样。
影刀要操作网页，第一步就是让它能"看到"这些元素。

我当时踩过这个坑：我以为元素是很高级的东西，后来才发现——网页上你能看到的东西，全是元素。就这么简单。

12大核心模块先认识一下

学影刀RPA，总共就这12个核心模块，今天先混个脸熟：

1. 打开网页——让影刀自动打开一个网址
2. 点击元素——让影刀自动点击按钮或链接
3. 输入文字——让影刀自动在输入框里打字
4. 读取文字——让影刀把网页上的文字读出来
5. 等待元素出现——等网页加载完再操作，不然会出错
6. 网页截图——让影刀自动给网页截图保存
7. 元素捕捉——让影刀"看到"网页上的东西（今天学这个）
8. XPath——用路径的方式找到元素
9. CSS选择器——用特征的方式找到元素
10. 获取元素对象——把找到的元素存成变量
11. 循环——让影刀重复做同一件事
12. 变量——让影刀记住一些数据，后面再用

今天重点学第7个：元素捕捉。其他的以后慢慢讲。

案例主线：打开百度首页，捕捉"百度一下"按钮，把按钮文字读出来

我们今天要做的事情非常简单：
第一步：让影刀自动打开百度首页
第二步：用元素捕捉，捕捉"百度一下"这个按钮
第三步：把这个按钮上的文字读出来，存到变量里
做完你就能明白：元素捕捉到底是怎么回事。

第一步：新建一个应用

打开影刀RPA，点击"新建应用"。
应用名称随便填，比如叫"我的第一个应用"。
点击"确定"，进入流程编辑界面。
左边是指令区，中间是流程编辑区，右边是属性设置区。
你记住这三个区域的位置，以后天天用。

第二步：拖一个"打开网页"指令

在左边指令区，找到"网页"分类，展开它。
找到"打开网页"这个指令，用鼠标按住，拖到中间的流程编辑区。
松开鼠标，"打开网页"指令就添加成功了。
这时候右边会出现属性设置区，让你填参数。

第三步：填写"打开网页"的参数

右边属性设置区里，有一个"网址"输入框。
在里面填入：
https://www.baidu.com

下面还有一个"浏览器类型"，选择"Chrome"。
如果你电脑上装的是Edge，就选Edge。
再下面有一个"保存网页对象至"，意思是把打开的网页存成一个变量。
变量名不用改，用默认的就行，比如叫"网页对象1"。
填完之后，点击一下空白处，参数就保存了。

第四步：让影刀真的打开百度首页

流程编辑区里，现在有一个"打开网页"指令了。
点击上方的"运行"按钮（绿色的三角形）。
你会看到影刀自动打开了Chrome浏览器，并且自动打开了百度首页。
如果没打开，检查网址是不是填错了，是不是少了https://。

我当时踩过这个坑：网址只填了www.baidu.com，没加https://，结果报错。网址一定要完整。

第五步：认识"元素捕捉"工具

网页打开之后，现在我们要让影刀"看到"“百度一下"这个按钮。
在影刀里，这个操作叫做"捕捉元素”。
元素捕捉，可以理解成：你用手指指着房间里的某个东西，告诉影刀"我要的是这个"。
捕捉到了，影刀就记住了这个元素的长相，以后就能操作它。

第六步：开始捕捉"百度一下"按钮

在流程编辑区，再拖一个指令。
这次拖的是"获取元素对象"指令，也在"网页"分类下面。
拖进来之后，右边属性设置区会让你选择一个元素。
点击"捕捉元素"按钮（或者叫"捕获"按钮，不同版本名字可能不一样）。
点了之后，鼠标会变成一个十字准星形状。

第七步：用十字准星点击"百度一下"按钮

鼠标变成十字准星之后，把鼠标移动到百度首页的"百度一下"按钮上。
移动过去的时候，你会看到按钮周围出现了一个蓝色的框。
这个蓝框的意思是：影刀已经"看到"这个元素了。
这时候，点击一下鼠标左键。
点击之后，会弹出一个"元素校验"窗口。

第八步：理解"元素校验"窗口

元素校验窗口里，会显示影刀捕捉到了什么。
你会看到类似这样的信息：

• 标签名：button 或者 input
• 类型：按钮
• 文本：百度一下
• 其他一堆属性……

这些信息不用全懂，你只要确认"文本"那一栏显示的是"百度一下"就行。
如果显示的不是"百度一下"，说明你点错了，关掉重新捕捉。

我当时踩过这个坑：网页还没加载完就点了捕捉，结果捕捉到了一个loading图标，折腾了半小时。一定要等网页完全加载完再捕捉。

第九步：保存捕捉到的元素

确认捕捉对了之后，点击"保存"按钮。
这时候，“获取元素对象"指令就配置好了。
右边属性设置区里，“操作目标"那里会显示你捕捉到的元素名称。
比如可能叫"按钮_百度一下"之类的名字。
再往下看，有一个"保存元素对象至”，给这个元素起个变量名。
比如叫"百度一下按钮”，这样后面好找。

第十步：读取"百度一下"按钮上的文字

元素捕捉到了，现在要让影刀把按钮上的文字读出来。
再拖一个指令："获取元素文本"指令，也在"网页"分类下面。
拖进来之后，右边属性设置区里，“操作目标"选择你刚才捕捉到的元素。
就是那个"百度一下按钮”。
再往下看，“保存结果至"那里，填一个变量名。
比如叫"按钮文字”。

第十一步：用"打印日志"看看读到了什么

要让影刀把读到的文字显示出来，需要用一个"打印日志"指令。
在左边指令区，找到"调试"分类，展开它。
找到"打印日志"指令，拖到流程编辑区。
右边属性设置区里，“内容"那里，选择变量"按钮文字”。
这样运行的时候，影刀就会把按钮文字打印出来，让你看到。

第十二步：点击"运行"，看结果

现在流程编辑区里，应该有这样几条指令：

1. 打开网页（打开百度首页）
2. 获取元素对象（捕捉"百度一下"按钮）
3. 获取元素文本（读取按钮上的文字）
4. 打印日志（把文字显示出来）

点击上方的"运行"按钮。
运行完之后，下方会弹出一个"运行日志"窗口。
在里面你能看到"百度一下"这几个字。

恭喜你！你让影刀成功"看到了网页上的元素，并且读出了它的文字。

元素捕捉的底层原理（大白话版）

你可能会好奇：影刀是怎么"看到"元素的？
其实网页上的每一个元素，背后都有一段代码。
这段代码的名字叫做HTML。
影刀捕捉元素的时候，就是在找这段HTML代码。
找的方式有几种，最常用的是这三种：

第一种：按ID找。就像每个人有身份证号，每个元素也有一个唯一ID。
第二种：按XPath找。就像从根节点开始，一层一层找人。后面有专门一课讲这个。
第三种：按CSS选择器找。就像按特征找人，“穿红衣服的那个人”。后面也有专门一课。

今天你用的是第一种，让影刀自动识别。

什么时候捕捉会失败

我总结了几个最常见的失败原因：

原因一：网页没加载完就捕捉。解决办法：等网页完全加载完再捕捉，或者用"等待元素出现"指令。
原因二：元素在iframe里面。iframe就像网页里套了一个小网页，得先切换到那个小网页才能捕捉。这个以后讲。
原因三：元素是动态加载的。比如滚动到下面才出现。解决办法：先让影刀滚动页面，再捕捉。
原因四：捕捉到了相似元素。网页上有好几个长得差不多的元素，影刀不知道你要哪个。解决办法：在元素校验窗口里，手动调整特征，让影刀能区分。

真实代码：XPath示例

虽然今天主要学元素捕捉，但我先给你看一个XPath的样子，后面会详细学：

//*[@id="su"]

这个XPath的意思是：找到id等于"su"的元素。
“百度一下"按钮的id就是"su”。

你可以用F12打开浏览器的开发者工具，用元素选择器点一下"百度一下"按钮，就能看到这段代码：

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

真实代码：CSS选择器示例

CSS选择器的写法是这样的：

#su

意思是：找到id等于"su"的元素。比XPath短多了。

或者这样写：

input#su

意思是：找到一个input标签，它的id是"su"。

再或者这样写：

input[value="百度一下"]

意思是：找到一个input标签，它的value属性是"百度一下"。

真实代码：Python调用影刀的示例

如果你会用Python，也可以通过Python调用影刀的能力。

不过这是进阶内容，今天先给你看个样子：

fromyingdaoimportRpaBot bot=RpaBot()bot.open_url("https://www.baidu.com")element=bot.capture_element("//*[@id='su']")text=bot.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自动化 # 网页自动化

作者：林焱