Swarm-Rebuild-详细说明

简介: 一个 Chrome 扩展:点一下,当前网页会淡出成空白画布,然后一群"多人协作光标"像设计团队一样,把页面一格格重新画回来。纯视觉表演,不改动你的页面。

先看效果

下面这张动图是它在 Stripe 官网上跑的样子(原速录屏,已压缩):
请添加图片描述

它会经历三个阶段,你能明显看出来"施工"的痕迹:

阶段 画面
刚启动 页面变空,只剩虚线框和尺寸标注,像一张设计蓝图
施工中 光标两两一组,框出来的盒子开始上色填充,文字一个字一个字敲出来
收尾 光标聚到你的鼠标位置,页面恢复成可以正常点击的真实网页

请添加图片描述

请添加图片描述

请添加图片描述


一、安装

有三种装法,装出来的东西完全一样,区别只在"怎么拿到文件":
请添加图片描述

📦 提示:下载不了 GitHub?本站也提供安装包

如果你所在网络打不开 GitHub、或者下载总是中断失败,不用折腾网络、也不用找什么加速工具 —— 本站同时提供了 Swarm Rebuild 的安装包,下载后按下面的步骤装就行。

安装包内容与仓库 main 分支(v1.1.0)源码完全一致,未做任何修改,文末附有校验值可自行核对。

如果只是想尽快用上,直接跳到下面的「方式一」。


方式一:用现成安装包(推荐,GitHub 打不开就走这条)

第 ① 步:打开扩展管理页

在浏览器地址栏输入 edge://extensions(Chrome 用户输入 chrome://extensions)后回车。
请添加图片描述

第 ② 步:打开「开发人员模式」

页面右上角有个「开发人员模式 / Developer mode」开关,把它打开。打开后,页面顶部才会出现一排灰色按钮——这是后面装扩展要用的。

第 ③ 步:点「加载解压缩的扩展」

请添加图片描述

点完会弹出一个选择文件夹的窗口。

第 ④ 步:选中 swarm-rebuild 文件夹

这一步最容易出错,请对着下图选:
请添加图片描述

判断标准很简单:你选中的那个文件夹里,必须能直接看到 manifest.json 这个文件。

  • ✅ 正确:swarm-rebuild 文件夹(里面有 manifest.json、background.js、swarm.js、icons)
  • ❌ 错误:swarm-cursors-main(这是仓库根目录,里面还套着一层)
  • ❌ 错误:swarm-rebuild-1.1.0.zip(这是压缩包本身,不是解压后的文件夹)

选好后点「选择文件夹」,扩展立刻出现在列表里,状态显示为「已启用」。

⚠️ 装好后不要移动或删除这个文件夹——浏览器是直接引用这个路径加载扩展的。以后要是挪了位置,扩展会变灰失效,重新「加载解压缩的扩展」指一次即可,设置不会丢。

第 ⑤ 步:把图标固定到工具栏

请添加图片描述

点浏览器右上角的拼图图标 → 在列表里找到 Swarm Rebuild → 点右侧的图钉。这样图标就会常驻工具栏,以后点一下就能启动。


方式二:Chrome 商店(最省事)

打开 https://chromewebstore.google.com/detail/swarm-rebuild/diaeaocnhdhbknkbfbnkjikfcgokainm → 点「添加至 Chrome」→ 固定图标。

商店版本要过审核,可能比仓库慢一两个版本。

方式三:自己从 GitHub 下载源码

仓库地址:https://github.com/DhvanilPatel/swarm-cursors

下载 zip 解压后,同样用「加载解压缩的扩展」选中里面的 swarm-rebuild/ 文件夹。


二、怎么用

启动

在任意普通网页上,点工具栏里的 Swarm Rebuild 图标,或直接按 Alt+Shift+S。

整个过程分 5 个阶段

请添加图片描述

关键在第 4 步:向下滚动才有进度。 光标是跟着你的滚动逐段施工的,你停着不动,它们就在那儿等着;你滚得越快,加入的光标越多(最多几十个)。

底部控制条

请添加图片描述

按钮 作用
光点头像 + 15 agents 当前参与的光标数量,滚得快会变多
23 / 61 layers 图层进度:已画好 / 总共要画多少个元素
进度条 这一段重建走到哪了
Tour 自动按光标跟得上的节奏滚动,录屏出片就用这个
1× 播放速度,可切 1× / 2× / 3×
✕ 关闭,恢复原页面(等同按 Esc)

重建结束后,控制条上还会多出两个按钮:

  • Go live —— 淡回真实、可以点击的原始页面
  • Replay —— 从头再演一遍

随时退出

按 Esc,或点控制条右侧的 ✕。不会留下任何残留,你的网页也不会被改动。


三、几个出片技巧

  1. 录屏就用 Tour:自动滚动和光标群同步,画面最稳,不会因为手滑滚太快而卡顿。
  2. 长页面先滚到底再启动:提前触发懒加载和滚动动画,重建出来的内容才完整,不会缺一块。
  3. 先用 3× 预览,满意再切 1× 正式录:省时间。
  4. 多试几次挑一版:每次的光标路径都带随机数,同一页面反复 Replay 效果都不一样。

四、常见问题

问题 原因与解决
点了图标没反应,图标显示红色 × 当前是受保护页面(chrome:// 开头、扩展商店、PDF 查看器),浏览器不允许注入脚本。换普通网页再试
没有声音 浏览器自动播放策略锁了音频。先点一下页面任意处,或按 M 手动开关
图片位置是灰块 / 空白 图片需要浏览器重新加载;资源失效、需要登录、或首屏以下的视频和 iframe 会退化成占位符
长页面只重建了一部分 上限约 4000 个图层 / 40000px 高度,超出部分会截断
重建到一半不动了 它在等你滚动,往下滚就行(或点 Tour 让它自己滚)
Edge 能用吗 能。Edge、Brave 等 Chromium 内核浏览器都支持
想自己造一个测试页 仓库里的 demo/index.html 可以,但需要在扩展详情页打开「允许访问文件网址」
会不会泄露我的网页内容 不会。扩展里没有任何网络请求,也没有存储,快照只存在于当前标签页的内存里
相关文章
|
13天前
|
Linux 开发工具 iOS开发
Codex保姆级教程(下载+安装+登录+使用,含所有版本,2026最新)
Codex是OpenAI推出的开源AI编程智能体,本地运行,可理解整个代码库,支持自然语言指令改代码、执行命令、跑测试、修Bug,兼容Win/macOS/Linux。(239字)
5437 40
|
13天前
|
JavaScript API iOS开发
DeepSeek Harness下载、安装、配置一篇搞定(2026整理,送常用插件)
DeepSeek Harness(DSH)是DeepSeek于2026年开源的MIT协议AI Agent框架,支持插件化组装模型、工具、沙箱与UI,兼容主流大模型。本文提供免Node.js的桌面端安装包(Win/macOS),含详细图文教程及热门插件推荐。
4770 56
|
8天前
|
Linux 开发工具 iOS开发
2026最新codex下载安装保姆级使用教程(下载+安装+登录+使用,含所有历史版本)
本文详解OpenAI Codex国内快速上手指南:提供Win/macOS/Linux全平台免安装包、npm/Homebrew等多方式安装、账号/API Key双登录、简体中文切换,覆盖下载、安装、汉化、使用及高频避坑(如微软商店失败、npm超时等),10分钟即可跑通。
1968 6
|
14天前
|
iOS开发 Docker MacOS
【2026实测】Docker Desktop下载、安装、汉化、配置教程(附官网安装包)
Docker Desktop 是 Docker 官方推出的桌面容器管理工具,集成引擎、CLI、图形界面与 Kubernetes,支持 Win/macOS/Linux。2026 最新版 4.88.1 强化 ARM 原生运行、镜像加速及资源可视化,附中文汉化与国内镜像配置指南。
2266 7
|
5天前
|
人工智能 安全 API
DeepSeek Harness下载、安装、配置一篇搞定(2026整理,送常用插件)
DeepSeek Harness(dsh)是DeepSeek AI于2026年开源的轻量级Agent运行框架,基于Cordis内核,践行“一切皆插件”理念。支持Web/桌面双端,开箱即用;内置多模型接入、丰富插件生态(超3.5万),适配编程、办公、创作等场景。(239字)
1248 0
|
8天前
|
云安全 人工智能 安全
|
1天前
|
云安全 人工智能 安全
|
7天前
|
人工智能 并行计算 调度
本地 AI 一键部署工具 LocModel:Windows 端集成画图、视频生成、Agent 的开源模型运行方案
LocModel 是专为 Windows 设计的一站式本地 AI 工具,支持零配置启动、自动硬件检测、GGUF 模型一键加载、文生图/视频生成及 Agent 自动化任务。适配 8G 显存,内置显存分片调度,轻松实现 AI 漫剧批量创作与离线大模型调用。(239 字)

热门文章

最新文章