如果你管过洛谷团队，一定懂我说的这个痛：团队群里要发一条重要通知，但评论区根本没有“@所有人”这个按钮。以前我管理一个一百多人的刷题团队，每次喊人看公告、催作业、发洛谷p14258题解，都得手动把成员名单从头翻到尾，一个一个@，翻到后面手指都麻了，还经常漏人。于是我写了个“洛谷团队一键@所有人神器”，本质是一个跑在浏览器里的脚本：在团队页面挂一个悬浮按钮，点一下，自动抓取全队成员昵称，拼成一条完整的@文本复制到剪贴板，你切到讨论区粘贴发布，整队通知就出去了。这东西不碰后端、不涉及私密数据，纯前端实现，适合所有洛谷团队管理员、教练和刷题群群主。
1. 项目概述：为什么需要这个“一键@所有人”神器
1.1 洛谷团队管理的真实痛点
洛谷的团队功能做得其实不差：公告、团队文件、团队讨论、作业系统都有，唯独在“群发通知”这一步差了点意思。团队讨论区和公告评论里，你只能通过“@”手动点名具体成员，没有一个类似QQ群“@全体成员”的入口。
团队人少的时候还好，十几个成员，眼睛扫一遍就点完了。但团队一旦超过五十人，这个操作就变成体力活：先翻成员列表，记住哪些人常来，哪些人已经好久没上线，还得注意别漏掉刚加入的新人。一百人以上，光是把昵称找齐就够呛，更别提拼完一长串@文本还要注意别超出发送限制。
我见过最离谱的一次，是团队里有人分享了一份“洛谷300精析下载”的网盘资源，管理员想通知全队去领，结果被迫发了七条回复，每条下面@二十几个人。后面新成员加入，又得补发一轮。这已经不是效率问题了，是纯粹的折磨。
1.2 四套候选方案，我为什么最后选了浏览器脚本
开始动手之前，我把能想到的方案列了一遍，各有取舍：
| 方案 | 优点 | 缺点 | 推荐度 |
|---|---|---|---|
| 纯手动复制粘贴 | 零门槛，啥都不用装 | 几百人时累死人，易漏 | 不推荐 |
| 后端脚本调洛谷接口 | 理论上一键全自动 | 要处理登录态、签名参数、风控，还得有服务器 | 坑太多 |
| 浏览器控制台临时脚本 | 免安装，立刻能用 | 每次要复制代码，非技术成员不会用 | 适合自己临时用 |
| 油猴脚本悬浮按钮 | 装一次，长期可用，一键触发 | 需要装浏览器扩展，初次配置有学习成本 | 最推荐 |
我最终的选型很明确：自己日常用控制台脚本，给团队助教和教练配油猴脚本。两种其实共用同一套核心逻辑，只是外壳不同。前者灵活，后者友好。
为什么不碰后端方案？洛谷的接口不是公开的，很多请求带签名校验，你去模拟登录态和请求头，很容易触发风控，代码写出来大概率用不了几次就废了。泡泡面的时候老实烧水，别想着修仙，把“取出成员昵称”这件事放在浏览器里做，是最贴近现实的做法。
2. 实现原理拆解：@所有人的底层逻辑
2.1 成员数据从哪来：接口与页面渲染
想拼出@所有人的文本，第一步得拿到“所有人的昵称”。洛谷团队页面的“成员”标签页会展示完整成员列表，但这份数据是怎么来的？
用开发者工具看网络请求，你会发现前端在进入成员页时会向后端要一次成员列表。理论上我直接调这个接口拿JSON最干净，但实际一看就放弃了：请求地址带签名参数，token可能是动态生成的，我懒得研究，也没必要。页面已经把昵称渲染成DOM节点了，直接抓页面元素不就行了？
所以我的思路很简单：打开团队“成员”标签页，让脚本自动模拟点击“加载更多”按钮（如果有分页），把列表一次性铺开，然后从页面DOM里把所有成员昵称节点抠出来。这招有点土，但极其稳——只要页面能把成员显示出来，脚本就能抓到，完全不依赖任何内部接口约定。
2.2 “@”机制的真相与复制粘贴策略
这里有个新手最容易踩的坑：用JavaScript直接往洛谷的输入框里塞值，然后模拟提交，很多时候发出去就是纯文本，成员根本收不到“提到”通知。
核心原因在于，洛谷的@输入是带交互的：你输入一个“@”会弹出成员补全列表，选中的那一刻，编辑器内部会把“昵称”和“被@的用户身份”关联起来。如果你绕过补全交互，直接把@xxx文本塞进去，编辑器可能不会把它识别成真正的“提到某人”。
所以我从一开始就没打算“程序直接代发”，而是定了一个保险的策略：脚本只负责“生成并复制”，真正的发布动作由人来做。你把@文本粘贴到输入框后，这属于一个真实的粘贴事件，至少能进入编辑器内容；发布前如果需要，再手动微调一下，让编辑器重新解析。这个策略牺牲了一点点自动化，换来了极高的兼容性，一般团队里用完全够了。
2.3 整体流程与模块划分
整个脚本的流程可以拆成四个模块：
- 加载器：循环点击“加载更多”，直到所有成员渲染完毕。
- 收集器：按选择器抓取昵称节点，去除空值和重复项。
- 拼接器：把昵称数组拼成
@昵称1 @昵称2 @昵称3 ...这样的字符串。 - 剪贴板模块：优先用
navigator.clipboard，失败则回退到document.execCommand('copy')。
代码写起来不复杂，难的是边界情况。比如团队几百人，加载列表要循环点好几次按钮；比如有人昵称里带空格，拼出来会不会被错误截断；比如浏览器不给剪贴板权限怎么办。这些细节我会在下一节全部摊开讲。
3. 实操：脚本从0到1完整落地
3.1 控制台版脚本（最简方案）
先给一个最直接的版本。打开洛谷团队页面，切到“成员”标签页，按F12进入开发者工具，切到Console控制台，粘贴以下代码回车：
(async () => { // ====== 配置区 ====== // 成员昵称所在节点的选择器，按自己页面实际结构改 const MEMBER_SELECTOR = '.team-member-item .name'; // “加载更多”按钮的选择器，没有分页的话保持原样 const LOAD_MORE_SELECTOR = '.team-member-load-more'; // ==================== const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms)); // 1. 循环点击“加载更多”，最多点50次，避免死循环 for (let i = 0; i < 50; i++) { const btn = document.querySelector(LOAD_MORE_SELECTOR); if (!btn) break; btn.click(); await sleep(800); } // 2. 收集成员昵称 const nodes = document.querySelectorAll(MEMBER_SELECTOR); const names = [...nodes].map(el => el.textContent.trim()).filter(Boolean); if (names.length === 0) { alert('没有抓到成员，请先进入“成员”标签页，再检查选择器'); return; } // 3. 拼成 @文本 const text = names.map(name => '@' + name).join(' '); // 4. 复制到剪贴板 try { await navigator.clipboard.writeText(text); } catch (e) { const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); } console.log('共抓取成员 ' + names.length + ' 人，已复制到剪贴板'); })();把这串代码保存成一个片段，以后每次要用，F12粘贴运行，就成了。这段代码最需要注意的地方是选择器：.team-member-item .name是我项目里的写法，不同时间、不同皮肤的洛谷页面类名可能有差异。如果你粘贴运行后alert提示没抓到成员，直接跳到3.4，花三分钟重新定位选择器。
3.2 油猴脚本版（一键按钮）
控制台脚本自己用没问题，但你不可能让团队里每个助教都去开F12粘贴代码。这时候油猴脚本（Tampermonkey）就派上用场了。
先装好油猴扩展，然后新建一个脚本，粘贴下面的内容：
// ==UserScript== // @name 洛谷团队一键@所有人 // @namespace luogu-team-mention-all // @version 1.0.0 // @description 在洛谷团队页面生成“一键@所有人”悬浮按钮 // @author YourName // @match https://www.luogu.com.cn/team/* // @grant none // ==/UserScript== (function () { 'use strict'; // ====== 配置区 ====== const MEMBER_SELECTOR = '.team-member-item .name'; const LOAD_MORE_SELECTOR = '.team-member-load-more'; // ==================== const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms)); async function copyMentionAll() { // 循环点“加载更多” for (let i = 0; i < 50; i++) { const btn = document.querySelector(LOAD_MORE_SELECTOR); if (!btn) break; btn.click(); await sleep(800); } const nodes = document.querySelectorAll(MEMBER_SELECTOR); const names = [...nodes].map(el => el.textContent.trim()).filter(Boolean); if (names.length === 0) { alert('没有抓到成员，请先进入成员标签页，再检查选择器'); return; } const text = names.map(name => '@' + name).join(' '); try { await navigator.clipboard.writeText(text); } catch (e) { const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); } alert('已复制 ' + names.length + ' 位成员，请在讨论区粘贴发布'); } function init() { const btn = document.createElement('button'); btn.textContent = '一键@所有人'; btn.style.cssText = 'position:fixed;left:20px;bottom:80px;z-index:99999;' + 'padding:8px 14px;background:#4a90d9;color:#fff;border:none;' + 'border-radius:4px;font-size:14px;cursor:pointer;'; btn.addEventListener('click', copyMentionAll); document.body.appendChild(btn); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();油猴脚本和控制台版的差别只在“外壳”：油猴通过@match规则在luogu.com.cn/team开头（也就是团队相关的）页面自动运行，在页面右下角挂一个浮动按钮。点按钮，它自动切到成员逻辑，复制完弹窗提示你去粘贴。
注意我脚本里@grant none的意思是放行页面原生API，如果你在用的时候发现剪贴板受权限限制，也可以把@grant改成GM_setClipboard，然后把复制那段换成GM_setClipboard(text)。两种方式我都试过，后者在油猴环境下更不容易碰到权限问题。
3.3 成员太多？分批发车模式
我团队超过两百人之后，遇到了一个更现实的问题：一次复制的@文本太长，粘贴进讨论区后发布直接被吞。这时候就需要“分批发车”模式。
逻辑很简单：抓完成员名单后，不要一次性拼一条巨无霸文本，而是按批次切割，每批复制一次，你发完一条再点“下一批”：
// 分批发车，batchSize为每批人数 async function copyMentionAllInBatches(batchSize = 50) { // 收集 names 的代码同上一版，这里省略 const total = names.length; const batchTotal = Math.ceil(total / batchSize); for (let i = 0; i < total; i += batchSize) { const batch = names.slice(i, i + batchSize); const text = batch.map(name => '@' + name).join(' '); await navigator.clipboard.writeText(text); alert(`第 ${i / batchSize + 1} 批已复制（共 ${batchTotal} 批），赶紧粘贴发布，发完再点确定复制下一批`); } }实际用法是：点“一键@所有人”按钮，弹窗提示“第1批已复制”，你切到讨论区粘贴发送，再切回来点确定，继续复制第2批。批大小建议50左右，既不会短得频繁切来切去，也不会长得触发发布限制。
3.4 选择器失效怎么办：3分钟定位新选择器
这是整个项目里最容易被忽略、也是最让人头疼的环节。洛谷前端只要改过一次版，原来写的类名可能就变了，脚本直接失效。
定位方法很简单：
- 打开团队“成员”标签页，在某个成员昵称上右键，选择“检查”（Inspect）。
- 开发者工具里高亮的那块DOM，就是昵称节点。
- 看它的class或者父级的class，挑一个精准、短小的选择器写进配置区。
换好之后怎么验证？在Console里输入一行命令：
document.querySelectorAll('你改好的选择器').length如果返回的数字跟你肉眼看到的成员数差不多，说明选择器没问题，脚本可以正常跑。记住，别选太宽泛的类名，比如就写一个.name，容易把页面其他地方的“名字”也抓进来。
4. 踩坑记录：常见问题与排查实录
4.1 粘贴后成员收不到通知
我最早做这个脚本，就是冲着“省事”去的，结果第一次用就翻车了。复制了一长串@昵称，发布之后确实显示了所有人的名字，但团队成员在消息列表里根本看不到“有人提到我”的小红点。
后来我反复测试，确认了洛谷的@通知很多情况下依赖“输入@时从补全列表里选人”这个动作。你直接粘贴纯文本，系统可能只把它当普通文字处理。所以我不建议完全无脑复制粘贴发送。稳妥的做法是：粘贴完成后，在编辑器里把光标移到某个@昵称后面，删掉一个字符再重新打出来，让补全列表弹出来选一次，这样至少能保证一部分核心成员收到通知。
如果是几十人的小团队，我反而推荐手动操作——反正一眼扫得完。几百人的团队，你只能权衡：要么用脚本批量@，接受部分成员收不到通知的现实；要么手动@核心成员，普通成员靠公告提醒。没有完美方案。
4.2 文本超长无法发布
这个坑我在3.3里已经预告了。洛谷帖子和回复有字数限制，几百个昵称拼起来动辄上千字，超过限制后发送按钮会直接变灰，或者点了没反应。
分批复制是唯一靠谱的办法，但要注意节奏：别一次性把所有批次复制完，复制完不粘贴，下一批就会把上一批覆盖掉。老老实实“复制一批→发一批→回来点确定→再复制下一批”，流程虽然笨，但不会乱。
另外一个偏方：如果成员昵称比较长，可以在拼接时去掉昵称中的空格和特殊符号，只保留核心ID文字。但这样做风险是发出的@文本跟实际昵称不匹配，通知就更难触发了，所以我不建议对长昵称做清洗。
4.3 复制功能在不同浏览器的兼容性
navigator.clipboard.writeText这个API在HTTPS页面下才能用，而且有些浏览器会弹权限询问框，用户不点允许就一直失败。洛谷本身是HTTPS，一般没问题，但如果你在本地调试、或者在部分套壳浏览器里跑，就会翻车。
我的处理办法是写一个双保险：优先用新API，失败就创建一个隐藏的textarea，选中后执行老牌的document.execCommand('copy')。这个方法兼容性极好，从Chrome到Edge到Safari都能跑。
油猴环境下还有一个选择：用GM_setClipboard。它直接调用油猴扩展的剪贴板能力，不依赖页面本身的权限，稳定得很。代价是@grant不能为none了，得显式声明。
4.4 脚本用两天就失效了
“昨天还好好的，今天怎么按钮点着没反应？”这类问题我遇到太多次了，绝大多数情况不是你代码写错了，而是洛谷前端更新了DOM结构或者改成了懒加载。
排查步骤我建议按顺序来：
- 打开Console面板看有没有红色报错，有的话把报错信息贴出来，基本能定位到哪一行挂了。
- 看“加载更多”按钮是不是还在。如果按钮都没了，说明分页逻辑改了，可能改成了滚动自动加载，那我的固定代码就要调整成滚动监听。
- 确认你用的选择器还有没有匹配到元素。用3.4里的验证命令看数量。
还有一个容易被忽略的点：洛谷有时会在团队页面走CDN缓存，你本地开着一个旧页面跑脚本，抓到的其实是过期DOM。这种时候强制刷新一下页面就行。
5. 扩展玩法与使用建议
5.1 从一键@扩展到定时提醒
主力脚本稳定之后，我又做了两个小变体。一个是“定时复制”：用setTimeout包一层，在每天固定时间自动执行收集和复制，比如每周五晚上提醒大家交作业。这个适合那种“规律性通知”的场景，前提是电脑得开着、页面得挂着，自动化程度有限。
另一个变体是“只@未完成成员”。洛谷团队有作业系统，你可以先通过页面筛选出未交作业的成员列表，再用脚本抓取这部分人拼成@文本。抓取原理不变，改一下收集器的选择器就够了。这个功能我后来用得最多，比无差别@所有人温和得多，也不会让已经完成任务的人觉得被骚扰。
5.2 真实使用中的尺度和建议
@所有人是强提醒，用多了人人是会麻木的。我在自己团队里定了个不成文的规矩：只有发布题解资源、调整团队章程、通知比赛时间这三类事情才允许用批量@，其余讨论一律走普通消息。脚本只是工具，真正的价值在于怎么用它维护团队氛围。
另外多说一句，脚本里的成员名单是实时从页面抓的，所以新成员加入之后不需要手动维护名单，天然就是最新的。这一点比我最初预想的要方便很多。如果你也是那种管着一个五十人以上洛谷团队的人，这个神器应该能帮你省下不少重复劳动。
