⚙️ 自动化操作配置模块
强大的网页自动化操作配置界面，支持50+种操作类型，涵盖输入、点击、获取、系统操作等全方位功能
功能概述
自动化操作配置模块是系统的核心功能模块，提供了丰富的网页自动化操作类型。通过可视化界面配置各种操作，系统会自动生成对应的JavaScript代码并执行，实现网页的自动化操作。
- 支持50+种操作类型，覆盖所有常见网页操作场景
- 可视化配置界面，无需编写代码
- 支持元素选择器配置（CSS选择器、XPath等）
- 支持数据验证（验证前、验证后）
- 支持字符处理（多种字符串处理方式）
- 支持POST请求配置
- 支持文件上传
- 支持本地AI处理
- 支持临时变量管理
操作类型详解
📝 输入操作（12种）
设置数据
向指定元素设置文本内容，适用于input、textarea等输入框元素。
设置HTML
向指定元素设置HTML内容，适用于div、span等容器元素。
设置图片
设置图片元素的src属性，用于更换图片。
设置属性
设置元素的任意属性值，如class、id、data-*等。
逐字输入
模拟真实打字效果，逐字符输入文本，适用于需要触发输入事件的场景。
模拟按键
模拟键盘按键操作，如Enter、Tab、Esc等。
逐个HTML输入
逐个设置HTML元素的内容，适用于批量操作多个元素。
设置HTML+显示光标
设置HTML内容并激活编辑器光标，适用于富文本编辑器。
根据网页坐标输入
根据页面坐标位置输入内容，适用于无法通过选择器定位的场景。
根据网页坐标追加输入
在现有内容基础上追加输入，不覆盖原有内容。
根据网页坐标输入+回车
输入内容后自动按回车键，适用于搜索框等场景。
根据网页坐标全选后输入
全选现有内容后输入新内容，实现替换效果。
🖱️ 点击操作（8种）
点击
点击指定元素，最常用的操作类型。
区域随机点击
在指定区域内随机位置点击，模拟人工操作。
区域随机CheckBox点击
在指定区域内随机选择CheckBox，适用于批量选择场景。
网页坐标点击
根据页面坐标位置点击，适用于无法通过选择器定位的场景。
右键点击
模拟鼠标右键点击，触发上下文菜单。
双击
模拟鼠标双击操作。
鼠标悬停
将鼠标移动到指定元素上，触发hover效果。
区域图片随机点击
在指定区域内随机点击图片元素。
📥 获取操作（10种）
获取数据
获取元素的文本内容或值。
获取外部HTML
获取元素的外部HTML（包含元素本身）。
获取内部HTML
获取元素的内部HTML（不包含元素本身）。
获取区域图片
获取指定区域内所有图片的URL。
获取区链接
获取指定区域内所有链接的URL。
获取当前URL
获取浏览器当前页面的URL地址。
全选获取数据
全选元素内容后获取，适用于可编辑元素。
获取元素文本内容
获取元素的纯文本内容（去除HTML标签）。
正则表达式获取内容
使用正则表达式从内容中提取匹配的数据。
获取元素数量
获取匹配选择器的元素数量。
⚡ 系统操作（8种）
打开URL
在浏览器中打开指定的URL地址。
回车
模拟按下回车键。
滚动到指定位置
将页面滚动到指定位置（坐标或元素）。
系统跳转
系统内部跳转，切换到其他操作步骤。
切换文章
切换到下一篇文章数据。
执行DOM代码
执行自定义的DOM操作代码。
切换标题
切换到下一个标题数据。
清空临时变量
清空所有临时变量数据。
📋 下拉操作（6种）
下拉选择-Id-Text
根据ID和文本内容选择下拉选项。
下拉选择-Id-Value
根据ID和value值选择下拉选项。
下拉选择-Name-Text
根据name属性和文本内容选择下拉选项。
下拉选择-Name-Value
根据name属性和value值选择下拉选项。
下拉选择
通用下拉选择，自动识别选择方式。
勾选框选择
选择或取消选择CheckBox或Radio按钮。
🔍 判断操作（2种）
检查元素是否存在
检查页面上是否存在指定元素。
检查元素是否可见
检查元素是否在页面上可见（display不为none，visibility不为hidden）。
💾 其他操作（10种）
保存变量为txt
将临时变量保存为文本文件。
POST请求
发送HTTP POST请求，支持自定义请求头和请求体。
JS代码
执行自定义JavaScript代码。
JS代码调用
调用页面中已定义的JavaScript函数。
真实粘贴输入
使用系统剪贴板粘贴内容，模拟真实粘贴操作。
本地上传
上传本地文件到网页的文件上传控件。
设置MYSQL
配置MySQL数据库连接和操作。
强制点击
强制点击元素，即使元素被遮挡或不可见。
获取属性
获取元素的指定属性值。
等待
等待指定时间（毫秒），用于控制操作节奏。
配置界面说明
1. 基本配置
| 配置项 | 说明 | 必填 |
|---|---|---|
| 执行名称 | 操作的名称标识，用于在脚本列表中显示 | 是 |
| 序号 | 操作的执行顺序，数字越小越先执行 | 是 |
| 延时 | 操作执行前的等待时间（毫秒） | 否 |
| 执行方式 | 选择操作类型（输入、点击、获取等） | 是 |
2. 元素选择器配置
系统支持多种元素定位方式：
- CSS选择器：如 #id、.class、div > span 等
- XPath：如 //div[@class='example']
- 元素路径：通过元素选择器工具生成
- 网页坐标：直接使用坐标位置（x, y）
3. 数据验证配置
系统支持两种数据验证：
- 验证前：在执行操作前验证数据，可以设置多个验证条件
- 验证后：在执行操作后验证结果，确保操作成功
4. 字符处理配置
系统提供丰富的字符串处理功能：
- 替换、截取、正则表达式提取
- AI处理（使用本地AI模型）
- 长度限制、前追加、后追加
- 去重复、过滤HTML、过滤特殊字符
- 转大写、转小写、去除空格、去除换行
- escape加密/解密、BASE64编码/解码
5. POST请求配置
POST请求支持以下配置：
- 请求URL
- 请求头（Headers）
- 请求体（Body）
- 支持JSON、Form表单等格式
6. 高级选项
| 选项 | 说明 |
|---|---|
| 执行多次 | 设置操作执行的次数，用于批量处理 |
| 验证 | 启用数据验证功能 |
| 结果处理 | 对操作结果进行后处理 |
| 字符前处理 | 在执行操作前对数据进行字符处理 |
操作流程
添加新操作
- 在脚本管理界面选择项目
- 点击"添加"按钮打开操作配置窗口
- 填写"执行名称"和"序号"
- 选择"执行方式"（操作类型）
- 配置元素选择器和操作参数
- （可选）配置数据验证
- （可选）配置字符处理
- 点击"添加"按钮保存操作
编辑操作
- 在脚本列表中找到要编辑的操作
- 双击操作项或右键选择"查看"
- 操作配置窗口会自动打开并加载配置
- 修改需要更新的配置项
- 点击"修改"按钮保存更改
测试操作
- 在操作配置窗口中配置好操作
- 点击"测试"按钮
- 系统会在当前浏览器页面中执行该操作
- 查看执行结果，确认操作是否符合预期
使用技巧
- 使用元素选择器工具生成准确的选择器路径
- 为关键操作添加数据验证，确保操作成功
- 合理设置延时，避免操作过快导致页面未响应
- 使用"执行多次"功能处理批量数据
- 利用字符处理功能对数据进行清洗和格式化
- 使用临时变量存储中间数据，便于后续操作使用
注意事项
- 元素选择器必须准确，否则操作可能失败
- 某些操作需要页面完全加载后才能执行，建议添加适当的延时
- POST请求需要确保目标URL可访问，注意跨域问题
- 文件上传操作需要确保文件路径正确且文件存在
- 使用坐标操作时，需要确保页面布局稳定，避免坐标偏移
- AI处理功能需要本地安装Ollama并配置模型