🎉 版本 2.0 现已发布

网页自动化
从未如此简单

按域名隔离的智能网页自动化工具,支持 CSS 选择器、文本匹配和自定义 JavaScript,让重复操作一键完成。

立即下载 学习使用

强大的功能

为网页自动化而生,简单易用却功能强大

🎯

精准元素定位

支持 CSS 选择器、文本内容匹配两种方式,智能识别页面元素,无论是按钮、链接还是任意 DOM 节点都能精准定位。

多种执行动作

支持点击、隐藏、删除三种操作,配合延时、间隔和最大执行时间设置,完美应对各种自动化场景。

🔧

自定义脚本

内置 JavaScript 执行引擎,可以编写任意复杂的自动化逻辑,突破预设功能的限制。

📱

跨平台支持

完美支持桌面端 Chrome 和移动端 虎猴浏览器,规则自动同步,随时随地使用。

🔒

域名隔离

每个网站的规则独立存储,互不干扰。自动识别当前域名,加载对应规则,安全高效。

💾

备份与同步

支持导出 JSON 备份文件,一键导入恢复。方便在不同设备间迁移配置,永不丢失。

快速上手指南

只需几个简单步骤,即可开始自动化之旅

1

安装浏览器扩展

方法一:直接拖拽安装(推荐)

  1. 下载 WebActionRunner.crx 文件
  2. 打开浏览器,访问 chrome://extensions/
  3. 开启右上角的 "开发者模式" 开关
  4. .crx 文件直接拖拽到扩展管理页面中
  5. 点击弹窗中的"添加扩展"即可完成安装

方法二:解压加载安装(备用方案)

部分浏览器出于安全策略,会阻止直接安装非商店来源的 .crx 文件。如果方法一无法安装,请使用此方法:

  1. 将下载的 WebActionRunner.crx 文件后缀名改为 .zip
    示例:WebActionRunner.crx → WebActionRunner.zip
  2. 解压该 zip 文件,得到一个包含 manifest.jsonpopup.html 等文件的文件夹
  3. 打开浏览器,访问 chrome://extensions/,确保 "开发者模式" 已开启
  4. 点击左上角的 "加载已解压的扩展程序"(Load unpacked)
  5. 在弹出的文件选择器中,选中刚才解压得到的 整个文件夹,点击确认
  6. 安装成功!扩展图标会出现在浏览器工具栏中 ✅
💡 常见问题

找不到"加载已解压的扩展程序"? 请确认右上角"开发者模式"已开启,该按钮才会显示。

修改后缀名没反应? 部分系统默认隐藏扩展名,请在文件管理器设置中开启"显示文件扩展名"。

手机端 狐猴浏览器 安装? 打开 狐猴浏览器 → 菜单 → 扩展程序 → 点击"+"→ 选择"从 .crx 文件安装"即可,无需解压

2

打开目标网站

访问你想要自动化的网站,例如某个需要定期点击按钮的页面。扩展会自动识别当前域名,并为该网站创建独立的规则配置。

3

创建自动化规则

点击浏览器工具栏中的扩展图标,打开配置面板。选择规则类型(CSS 选择器、文本匹配或自定义 JS),填写目标内容,选择执行动作,设置时间参数后点击"添加规则"。

规则类型说明:

CSS 选择器模式

使用标准的 CSS 选择器语法定位元素:

.button-class /* 类选择器 */ #submit-btn /* ID 选择器 */ div > a.link /* 层级选择器 */ [data-action="save"] /* 属性选择器 */
文本匹配模式

通过按钮或链接上的文字内容进行匹配:

提交订单 确定 登录 下一步 /* 系统会智能查找包含这些文字的按钮、链接等元素 */
自定义 JavaScript

编写任意 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);
4

配置执行参数

合理设置时间参数可以让自动化更加智能和稳定:

延时 (Delay)

页面加载后等待多少毫秒才开始执行。用于等待页面完全加载或弹窗出现。

间隔 (Interval)

每次尝试执行的时间间隔。如果元素还未出现,会每隔这个时间重试一次。

最大执行时间 (Max Time)

超过这个时间后停止尝试。防止无限循环消耗资源。

⏱️ 参数设置示例

如果你想点击一个在页面加载 2 秒后出现的按钮,可以设置:延时=2000ms,间隔=500ms,最大时间=10000ms。这样系统会在 2 秒后开始尝试,每 0.5 秒重试一次,最多尝试 10 秒。

5

管理已有规则

在配置面板中可以看到当前域名的所有规则。你可以:

  • 点击开关按钮启用/禁用某条规则
  • 点击编辑按钮修改规则配置
  • 点击删除按钮移除规则
  • 使用"全部启用/禁用"批量操作
  • 使用"清空当前域名"删除该网站所有规则

控制台调试指南

详细教学:如何获取 CSS 选择器和调试规则

📱 如何在移动端和桌面端打开控制台

桌面端(Chrome/Edge)

  • 方法一:快捷键 按下 F12Ctrl+Shift+I (Mac: Cmd+Option+I)
  • 方法二:右键菜单 在网页任意位置右键点击,选择"检查"或"Inspect"
  • 方法三:浏览器菜单 点击浏览器右上角三个点 → 更多工具 → 开发者工具

移动端(狐猴浏览器)

  • 方法一:地址栏输入 在地址栏输入 chrome://inspect 然后回车
  • 方法二:使用远程调试 在电脑 Chrome 浏览器地址栏输入 chrome://inspect#devices,确保手机和电脑在同一 WiFi 网络
  • 方法三:使用第三方工具 安装 Eruda 或 vConsole 等移动端调试工具

🎯 如何获取元素的 CSS 选择器(新手必看)

📍 方法一:右键复制选择器(最简单)

1. 在目标元素上右键点击
2. 选择"检查"或"Inspect"
3. 在 Elements 面板中,右键点击高亮的 HTML 代码
4. 选择 Copy → Copy selector(复制选择器)

/* 复制后得到的选择器示例: */ #main-content > div.container > button.submit-btn
🔍 方法二:使用 $0 变量

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());
🎪 方法三:使用 querySelectorAll() 测试选择器

在控制台输入 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 选择器模式。

🔧 常用调试命令

> document.querySelectorAll('.submit-btn')
NodeList [button.submit-btn, button.submit-btn]
> Array.from(document.querySelectorAll('button')).filter(b => b.innerText.includes('提交'))
[button#submit]
> document.querySelector('#submit').click()
undefined
✓ 点击成功
> chrome.storage.local.get(null, data => console.log(data))
{
"example.com": [
{type: "css", target: ".btn", action: "click"}
]
}
> /* 测试元素是否可见 */
> document.querySelector('.btn').offsetParent !== null
true /* 元素可见 */

🔍 常见问题排查

规则没有执行?

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 文件安装

常见问题

这里可能有你想要的答案

这个扩展安全吗?会收集我的数据吗? +
完全安全!Web Action Runner 是开源工具,所有规则和数据都存储在本地浏览器的 chrome.storage.local 中,不会上传到任何服务器,也不会收集任何个人信息。我们只请求必要的权限(storage、tabs、activeTab)来实现自动化功能。
为什么我的规则没有生效? +
请检查以下几点:1) 规则是否已启用(开关为绿色);2) 当前域名是否正确匹配;3) CSS 选择器或文本内容是否正确;4) 延时时间是否足够让元素加载;5) 刷新页面重新加载规则。如果仍有问题,使用浏览器控制台进行调试(见上方调试指南)。
可以在多个设备上同步规则吗? +
可以!使用扩展内的"导出 JSON 文件"功能备份规则,然后在其他设备上使用"导入 JSON 文件"功能恢复。我们也支持复制全部配置后粘贴到新设备。
支持哪些浏览器? +
桌面端:Chrome 88+、Edge 88+、以及所有 Chromium 内核浏览器。移动端:狐猴浏览器(我们提供了下载链接)。Firefox 和 Safari 暂不支持,因为它们的扩展架构不同。
如何编写复杂的自动化脚本? +
选择"自定义 JS 代码"类型,在目标框中编写 JavaScript。你可以使用所有标准的 DOM API,比如 document.querySelector、addEventListener 等。建议先在浏览器控制台测试代码,确认无误后再添加到规则中。参考上方的调试指南学习常用命令。
会影响网页加载速度吗? +
影响极小。扩展只在页面加载完成后(document_idle)执行,且只在有规则的域名上运行。每个规则都有最大执行时间限制,不会无限循环。如果担心性能,可以禁用不常用的规则或删除不再需要的规则。
移动端如何获取 CSS 选择器? +
移动端调试确实比较困难,我们建议:1) 使用电脑远程调试手机(在同一 WiFi 下访问 chrome://inspect);2) 优先使用"文本匹配"模式,不需要 CSS 选择器;3) 在桌面端先测试好规则,然后导出 JSON 导入到移动端。