X/Twitter 发推 Skill
从头讲起:为什么这个方法能成功
背景:X 的反爬虫机制
X (Twitter) 会检测自动化浏览器,主要通过:
- 浏览器指纹:navigator.webdriver、AutomationControlled 标志
- 自动化特征:Chrome 的自动化相关标志
- 行为检测:异常的浏览器行为模式
关键发现:复用用户真实浏览器
核心思路:不启动新的自动化浏览器,而是连接用户已经登录的真实 Chrome 浏览器。
优势:
- ✅ 用户已经登录,无需处理登录问题
- ✅ 真实浏览器指纹,无法被检测
- ✅ Cookie 和会话状态完全保留
安全警告 ⚠️
风险说明
开放的 CDP 端口允许技能:
- 访问所有浏览器标签页
- 读取/写入 Cookie 和会话
- 以登录用户身份执行操作
安装前检查清单
- 审查代码:自己检查
post_tweet.js(或让信任的人帮忙) - 专用配置:使用测试 Chrome 配置文件或一次性账户,不要用主账号
- 本地安装:
npm install在隔离环境而非全局安装 - 手动调用:优先用户手动触发,避免自主持久运行
- 关闭端口:使用完毕后关闭 Chrome 的
--remote-debugging-port
敏感配置
| 变量 | 说明 | 敏感度 |
|---|---|---|
CDP_URL | 本地调试端口,如 http://127.0.0.1:28800 | ⚠️ 本地端点,勿泄露 |
X_USERNAME | X 用户名 | 低(公开信息) |
额外建议
- 更高安全保障:在一次性虚拟机或专用 Chrome 配置文件中运行
- 验证无数据外传:确认脚本不会向外部服务器发送数据
- 限制执行权:如需更严格控制,可限制技能仅限用户手动调用
信任链
用户启动 Chrome (开启 CDP) → Playwright 连接 → 以用户身份发帖
完整流程
第一步:用户启动 Chrome(开启 CDP 模式)
用户需要打开一个开启了调试端口的 Chrome。这是一次性操作,之后都保持运行。
Mac:
open -a "Google Chrome" --args --remote-debugging-port=28800
Windows/Linux:
chrome.exe --remote-debugging-port=28800
验证方法:
curl http://localhost:28800/json/version
如果返回 JSON,说明 Chrome 已经在监听。
第二步:Playwright 连接 Chrome
const { chromium } = require('playwright');
(async () => {
// 连接用户已有的 Chrome(CDP 模式)
const browser = await chromium.connectOverCDP('http://127.0.0.1:28800');
// 获取已有页面(继承登录状态!)
const page = browser.contexts()[0].pages()[0];
// 验证
console.log('当前页面:', page.url());
// 发推...
})();
第三步:发推的特殊方法
为什么普通方法不 work?
| 方法 | 问题 |
|---|---|
page.fill() | 直接设置 DOM 值,不触发 React onChange 事件 |
page.click('button') | 按钮初始是 disabled,React 状态未更新 |
page.evaluate(() => btn.click()) | URL 跳转了但推文没发出 |
正确方法:keyboard.type() + Meta+Enter
// 1. 打开发帖页面
await page.goto('https://x.com/compose/post');
await page.waitForTimeout(3000);
// 2. 点击输入框(获得焦点)
await page.click('[data-testid="tweetTextarea_0"]');
await page.waitForTimeout(500);
// 3. 用键盘输入(触发 React 状态更新!)
await page.keyboard.type('这是推文内容 #Web3', { delay: 30 });
// 4. 用 Meta+Enter 发送(不能用 click!)
await page.keyboard.press('Meta+Enter');
// 5. 等待跳转
await page.waitForTimeout(3000);
发送快捷键(跨平台)
| 平台 | 快捷键 |
|---|---|
| Mac | Meta+Enter |
| Windows/Linux | Control+Enter |
脚本会自动检测平台并使用正确快捷键。
-
keyboard.type()触发完整事件链:- keydown → keypress → input → keyup
- React 监听 input 事件,更新内部状态
- 状态更新后,按钮自动变为 enabled
-
Meta+Enter触发发送:- X 支持键盘快捷键发送推文
Meta+Enter(Mac) /Ctrl+Enter(Windows/Linux)- 这个快捷键不依赖按钮的 disabled 状态
第四步:验证发送结果
// 不要检查首页!推文排序可能不是按时间
// 直接去用户主页确认
await page.goto('https://x.com/你的用户名');
const tweets = await page.evaluate(() => {
const items = document.querySelectorAll('[data-testid="tweet"]');
return Array.from(items).slice(0, 5).map(t => ({
text: t.innerText.substring(0, 100)
}));
});
console.log('最新推文:', tweets);
username 配置
用户名通过函数参数传入,默认为 woaijug:
postTweet(content, 'your_username');
或通过环境变量:
export X_USERNAME=your_username
node post_tweet.js "我的推文内容"
完整示例脚本
const { chromium } = require('playwright');
const CONFIG = {
CDP_URL: process.env.CDP_URL || 'http://127.0.0.1:28800',
USERNAME: process.env.X_USERNAME || 'woaijug'
};
async function postTweet(content, username = CONFIG.USERNAME) {
console.log('🚀 开始发推...');
// 检测平台,使用正确的发送快捷键
const isMac = process.platform === 'darwin';
const sendKey = isMac ? 'Meta+Enter' : 'Control+Enter';
console.log(' Platform:', process.platform, '→ Send key:', sendKey);
try {
// 1. 连接 Chrome
const browser = await chromium.connectOverCDP(CONFIG.CDP_URL);
const page = browser.contexts()[0].pages()[0];
console.log('✓ 已连接,当前页面:', page.url());
// 2. 打开发帖页面
await page.goto('https://x.com/compose/post');
await page.waitForTimeout(3000);
console.log('✓ 已打开发帖页面');
// 3. 点击输入框
await page.click('[data-testid="tweetTextarea_0"]');
await page.waitForTimeout(500);
// 4. 用键盘输入内容
await page.keyboard.type(content, { delay: 30 });
console.log('✓ 已填写内容');
// 5. 发送(自动适配 Mac/Windows/Linux)
await page.keyboard.press(sendKey);
console.log('✓ 已发送');
// 6. 等待跳转
await page.waitForTimeout(3000);
// 7. 验证结果
const finalUrl = page.url();
const success = finalUrl.includes('/home') || finalUrl.includes('/' + username);
await browser.close();
return {
success,
message: success ? '推文发送成功!' : '发送状态未知',
url: finalUrl
};
} catch (error) {
return { success: false, message: error.message };
}
}
// 命令行调用
if (require.main === module) {
const username = process.env.X_USERNAME || 'woaijug';
const content = process.argv[2] || '默认推文内容';
postTweet(content, username).then(r => console.log('结果:', r));
}
module.exports = { postTweet };
故障排除
问题:连接失败
错误:Error: connect ECONNREFUSED 127.0.0.1:28800
解决:用户需要先启动 Chrome:
# Mac
open -a "Google Chrome" --args --remote-debugging-port=28800
# Windows
chrome.exe --remote-debugging-port=28800
问题:推文没发出
检查:
- 页面是否正确加载?
page.url()应该是发帖页 - 内容是否输入成功?可以在
keyboard.type()后加waitForTimeout - 按钮是否可用?(有时需要等一下 React 状态更新)
尝试:
await page.waitForTimeout(2000); // 等待 React 更新
问题:去首页看不到推文
解决:去用户主页查看,不要只看首页
await page.goto(`https://x.com/${USERNAME}`);
前置要求
- Chrome 开启 CDP 模式
- 用户已登录 X
- Playwright 已安装(在 skill 目录下:
npm install)
技术总结
| 项目 | 说明 |
|---|---|
| 连接方式 | chromium.connectOverCDP() |
| 发送方法 | keyboard.type() + keyboard.press('Meta+Enter') |
| 验证方式 | 去用户主页 x.com/username,不是首页 |
| 端口 | 默认 28800,可在 CONFIG 中修改 |
已知限制
- 需要用户手动启动 Chrome(一次性操作)
- 如果用户退出登录,需要重新登录
- 只支持 X Web 端,不支持移动端