使用 Chrome DevTools 批量删除 Telegram 群组成员
我有一个远程工作相关的 Telegram 频道，用于发布一些网上找到的远程工作机会和文章等资源，为了方便讨论，绑定了一个群组作为评论区。
最近一段时间，群组中有大量版聊，而且和主题并没有太大相关，有点头疼。看到 TG Geek 的频道的评论群组很干净，而且会使用一个自动踢人的 bot 来阻止新成员加入，基本上只是作为一个评论区使用，这正符合我的需求，于是我也在远程工作者的群组中加入了 @auto_kickout_bot 这个 bot，效果还不错。
然而我的群组已经有 500 多名成员了，爱好版聊的依然在版聊，本想自己做一个 bot 来批量删除所有群组普通成员，但是找了一圈，发现 Telegram Bot API 并不支持遍历成员、消息以及删除一个已有成员。Telegram API 虽然支持，但是本身鉴权略显麻烦，不想那么费事。
批量删除成员
因为成员数据其实也不算太大，所以我想到用 JavaScript 模拟点击来实现删除成员的方法，简单实验后，发现可行。
脚本代码如下：
(function () {
function findFirstMember() {
return document.querySelector('.Management .ListItem');
}
function rightClickMember(member) {
try {
const memberInfo = member.querySelector('.ChatInfo .info')
memberInfo.dispatchEvent(
new MouseEvent('contextmenu', {
bubbles: true,
cancelable: false,
view: window,
button: 2,
buttons: 0,
clientX: memberInfo.getBoundingClientRect().x,
clientY: memberInfo.getBoundingClientRect().y,
})
);
} catch (e) {}
}
function clickRemove(member) {
try {
const removeBtn = member.querySelector('.icon-stop').parentNode;
removeBtn.dispatchEvent(
new MouseEvent('click', {
bubbles: true,
cancelable: false,
view: window,
button: 2,
buttons: 0,
clientX: removeBtn.getBoundingClientRect().x,
clientY: removeBtn.getBoundingClientRect().y,
})
);
} catch (e) {}
}
function confirmRemove() {
try {
const removeBtn = document.querySelector('.confirm-dialog-button');
removeBtn.dispatchEvent(
new MouseEvent('click', {
bubbles: true,
cancelable: false,
view: window,
button: 2,
buttons: 0,
clientX: removeBtn.getBoundingClientRect().x,
clientY: removeBtn.getBoundingClientRect().y,
})
);
} catch (e) {}
}
function isReserved(member) {
const userStatus = member.querySelector('.user-status');
const fullName = member.querySelector('.fullName');
// admin
if (fullName.textContent.indexOf('greatghoul') !== -1) {
return true;
// bot user
} else if (userStatus && userStatus.textContent.indexOf('bot') !== -1) {
return true;
} else {
return false;
}
}
function performRemove() {
const member = findFirstMember();
// 如果是管理员，则只是简单的删除元素，忽略遍历
if (isReserved(member)) {
member.remove();
setTimeout(performRemove, 1000);
// 如果是普通成员，则模拟以后流程
// 鼠标右键 → 点击 Remove From Group → 点击对话框的 Remove 按钮
} else {
rightClickMember(member);
setTimeout(() => {
clickRemove(member);
setTimeout(() => {
confirmRemove();
setTimeout(performRemove, 2000);
}, 2000);
}, 2000);
}
}
performRemove();
})();
要使用这个脚本，需要确保在网页版 Telegram 中打开群组的成员管理页面。
然后打开 Chrome 开发人员工具，将上面的代码粘贴进去（管理员昵称可以根据需要修改），然后提交运行即可。
按下来要做的就是耐心的等待了。
https://youtu.be/vlVNNN6DG-w
批量 Unblock 成员
经频道用户反馈，发现即使是从频道进去评论群组，也无法发言。
我检查后发现是上面删除脚本的副作用，被 admin 移除的成员相当于被拉黑，不能再发言，需要再写一个脚本批量 unblock.
同样的运行方式，只是页面有所不同，脚本如下。
(function () {
function findFirstMember() {
return document.querySelector('.Management .ListItem');
}
function rightClickMember(member) {
try {
const memberInfo = member.querySelector('.ChatInfo .info')
memberInfo.dispatchEvent(
new MouseEvent('contextmenu', {
bubbles: true,
cancelable: false,
view: window,
button: 2,
buttons: 0,
clientX: memberInfo.getBoundingClientRect().x,
clientY: memberInfo.getBoundingClientRect().y,
})
);
} catch (e) {}
}
function clickUnblock(member) {
try {
const removeBtn = member.querySelector('.icon-delete').parentNode;
removeBtn.dispatchEvent(
new MouseEvent('click', {
bubbles: true,
cancelable: false,
view: window,
button: 2,
buttons: 0,
clientX: removeBtn.getBoundingClientRect().x,
clientY: removeBtn.getBoundingClientRect().y,
})
);
} catch (e) {}
}
function performUnblock() {
const member = findFirstMember();
rightClickMember(member);
setTimeout(() => {
clickUnblock(member);
setTimeout(performUnblock, 1000);
}, 1000);
}
performUnblock();
})();