按域名隔离的智能网页自动化工具,支持 CSS 选择器、文本匹配和自定义 JavaScript,让重复操作一键完成。
为网页自动化而生,简单易用却功能强大
支持 CSS 选择器、文本内容匹配两种方式,智能识别页面元素,无论是按钮、链接还是任意 DOM 节点都能精准定位。
支持点击、隐藏、删除三种操作,配合延时、间隔和最大执行时间设置,完美应对各种自动化场景。
内置 JavaScript 执行引擎,可以编写任意复杂的自动化逻辑,突破预设功能的限制。
完美支持桌面端 Chrome 和移动端 虎猴浏览器,规则自动同步,随时随地使用。
每个网站的规则独立存储,互不干扰。自动识别当前域名,加载对应规则,安全高效。
支持导出 JSON 备份文件,一键导入恢复。方便在不同设备间迁移配置,永不丢失。
只需几个简单步骤,即可开始自动化之旅
WebActionRunner.crx 文件chrome://extensions/.crx 文件直接拖拽到扩展管理页面中
部分浏览器出于安全策略,会阻止直接安装非商店来源的 .crx 文件。如果方法一无法安装,请使用此方法:
WebActionRunner.crx 文件后缀名改为 .zip
manifest.json、popup.html 等文件的文件夹chrome://extensions/,确保 "开发者模式" 已开启
• 找不到"加载已解压的扩展程序"? 请确认右上角"开发者模式"已开启,该按钮才会显示。
• 修改后缀名没反应? 部分系统默认隐藏扩展名,请在文件管理器设置中开启"显示文件扩展名"。
• 手机端 狐猴浏览器 安装? 打开 狐猴浏览器 → 菜单 → 扩展程序 → 点击"+"→ 选择"从 .crx 文件安装"即可,无需解压。
访问你想要自动化的网站,例如某个需要定期点击按钮的页面。扩展会自动识别当前域名,并为该网站创建独立的规则配置。
点击浏览器工具栏中的扩展图标,打开配置面板。选择规则类型(CSS 选择器、文本匹配或自定义 JS),填写目标内容,选择执行动作,设置时间参数后点击"添加规则"。
使用标准的 CSS 选择器语法定位元素:
.button-class /* 类选择器 */
#submit-btn /* ID 选择器 */
div > a.link /* 层级选择器 */
[data-action="save"] /* 属性选择器 */
通过按钮或链接上的文字内容进行匹配:
提交订单
确定
登录
下一步
/* 系统会智能查找包含这些文字的按钮、链接等元素 */
编写任意 JavaScript 代码实现复杂逻辑:
// 示例:自动填充表单
document.querySelector('#username').value = 'admin';
document.querySelector('#password').value = '123456';
document.querySelector('form').submit();
// 示例:提取页面数据
const data = Array.from(document.querySelectorAll('.item'))
.map(el => el.textContent);
console.log(data);
合理设置时间参数可以让自动化更加智能和稳定:
页面加载后等待多少毫秒才开始执行。用于等待页面完全加载或弹窗出现。
每次尝试执行的时间间隔。如果元素还未出现,会每隔这个时间重试一次。
超过这个时间后停止尝试。防止无限循环消耗资源。
如果你想点击一个在页面加载 2 秒后出现的按钮,可以设置:延时=2000ms,间隔=500ms,最大时间=10000ms。这样系统会在 2 秒后开始尝试,每 0.5 秒重试一次,最多尝试 10 秒。
在配置面板中可以看到当前域名的所有规则。你可以:
详细教学:如何获取 CSS 选择器和调试规则
chrome://inspect 然后回车
chrome://inspect#devices,确保手机和电脑在同一 WiFi 网络
1. 在目标元素上右键点击
2. 选择"检查"或"Inspect"
3. 在 Elements 面板中,右键点击高亮的 HTML 代码
4. 选择 Copy → Copy selector(复制选择器)
/* 复制后得到的选择器示例: */
#main-content > div.container > button.submit-btn
1. 打开控制台后,点击 Elements 面板
2. 点击你想要定位的元素(会高亮显示)
3. 切换到 Console 面板
4. 输入 $0 回车,查看当前选中元素
5. 使用以下方法获取选择器:
/* 查看元素信息 */
$0
/* 如果有 ID,直接使用 ID */
if ($0.id) console.log('#' + $0.id);
/* 如果有 class,使用 class */
if ($0.className) {
const classes = $0.className.split(' ').filter(c => c);
if (classes.length > 0) console.log('.' + classes.join('.'));
}
/* 返回标签名 */
console.log($0.tagName.toLowerCase());
在控制台输入 CSS 选择器,使用 document.querySelectorAll() 测试是否能找到元素:
/* 测试选择器 */
document.querySelectorAll('.submit-btn')
/* 如果返回 NodeList 且 length > 0,说明选择器有效 */
NodeList [button.submit-btn, button.submit-btn]
document.querySelectorAll('button[type="submit"]')
NodeList [button[type="submit"]]
document.querySelector('#unique-id')
/* querySelector() 返回第一个匹配的元素 */
div#unique-id
如果元素没有固定的 class 或 id,可以通过文本内容查找:
/* 查找包含特定文本的按钮 */
Array.from(document.querySelectorAll('button, a'))
.find(el => el.innerText.includes('提交'))
/* 查找所有包含"确定"文字的元素 */
Array.from(document.querySelectorAll('button, a, span'))
.filter(el => el.innerText.includes('确定'))
/* 查看元素的完整 HTML */
$0.outerHTML
如果你是第一次使用,建议先用"文本匹配"模式,因为它最简单。只需要输入按钮上的文字(如"提交"、"确定"),不需要学习 CSS 选择器语法。等熟悉后再尝试 CSS 选择器模式。
1. 检查规则是否启用(开关是否为绿色)
2. 在控制台运行 chrome.storage.local.get(null, console.log) 查看规则是否正确保存
3. 刷新页面重新加载规则
1. 使用 document.querySelectorAll('你的选择器') 测试选择器是否正确
2. 检查元素是否在 iframe 中(本扩展暂不支持 iframe)
3. 增加延时时间,等待元素加载完成
4. 使用 document.querySelectorAll('*') 查看所有可用元素
1. 某些按钮需要模拟真实用户行为,尝试使用 JS 模式
2. 检查是否有遮罩层挡住按钮
3. 使用 el.dispatchEvent(new MouseEvent('click', {bubbles: true})) 替代普通 click()
1. 使用电脑远程调试手机(推荐)
2. 在页面中注入 Eruda 调试面板
3. 使用文本匹配模式代替 CSS 选择器(更简单)
4. 在桌面端先测试好规则,再同步到移动端
选择适合你的平台,开始自动化之旅
适用于 Chrome、Edge、狐猴浏览器 等 Chromium 内核浏览器
文件名 WebActionRunner.crx
版本 2.0
大小 约 50 KB
要求 Chrome 88+ 或 Edge 88+
支持桌面端和移动端浏览器
适用于 Android 手机和平板,支持扩展的 狐猴浏览器
文件名 com.kiwibrowser.browser-arm64.apk
版本 143.1.0
大小 约 180 MB
架构 ARM64 (64位)
安装后在 狐猴浏览器 中加载上面的 .crx 文件即可
📦 查看其他版本下载地址 →
桌面端:打开 chrome://extensions/ → 开启"开发者模式" → 拖拽 .crx 文件到页面
移动端:安装 狐猴浏览器 → 打开菜单 → 选择"扩展程序" → 从 .crx 文件安装
这里可能有你想要的答案