Chrome 扩展编程:十分钟把推特改成你想要的样子
一句话
这是一篇兴奋感大于技术含量的小教程:卡帕西发现 Chrome 扩展可以在任何网页上注入你自己的 JavaScript,于是花 10 分钟、约 100 行代码写了个「TwitterClean」扩展,把推特改造成自己顺眼的样子——并热情安利每个开发者都该掌握这项「改造互联网」的小超能力。
文章讲了什么
案例扩展 TwitterClean 做了四件小事:去掉推文操作按钮上难看的文字标签、自动隐藏推广推文、每秒自动加载新推文(不用手动点「查看新推文」)、按发推频率给推文上色——很少发推的人黄色高亮(难得一见,别错过),VIP 账号绿色高亮。技术结构讲得很入门:
- manifest 文件:声明元信息、权限和要注入的脚本;
- content script:在目标页面加载后运行任意 JS,可定时轮询、随意改 DOM;
- chrome.storage.local:把统计出的发推频率数据在本地持久化。
全文反复惊叹的其实是一个杠杆率:一点点代码,就能永久改变你每天使用的网站。需要说明的是,这篇的技术细节在 2026 年已基本过时——它基于当年的 Manifest V2 时代写成,如今 Chrome 已强制迁移到限制更严的 Manifest V3,推特(X)的前端也早已重写多轮,TwitterClean 不可能原样跑起来。把它当历史文物和精神样本读,别当操作手册。
写作背景
2013 年的卡帕西正处在「见什么都想 hack 一下」的博士中期:几天后他发布了抓取 Hacker News 的数据项目,次年又有 tsnejs 和 ulogme。这批周末项目共享同一个世界观——互联网不是只读的,工具在你手里。当年这确实需要布道:多数开发者并不知道写个扩展只要一个 JSON 加一个 JS 文件。
十年后再看
技术全过时了,判断全应验了。浏览器扩展后来长成了巨大的生态,而「普通人也能改造自己用的软件」这个当年需要 100 行代码才能兑现的承诺,如今被 LLM 降到了 0 行——把这篇教程的诉求丢给 Claude 或 Cursor,几分钟就能生成一个能跑的 Manifest V3 扩展。卡帕西本人给这种新姿势起了名字:vibe coding。从这个角度看,本文是他「降低创造门槛」这条主线上最早的样本之一:2013 年教你手写扩展,2017 年宣告软件 2.0,2025 年用嘴写应用。门槛一路在降,「想改就改」的冲动是不变量。
对你意味着什么
- 初学编程的人:浏览器扩展依然是最好的第一个项目之一——即时可见、解决自己的真实痒点、发布无需服务器。只是别照这篇写代码,直接让 AI 按 Manifest V3 生成,再逐行读懂它。
- 独立开发者:文中「找到自己每天的不爽,用最小代码消灭它」是被验证过无数次的产品起点——很多成功的扩展和 SaaS 都始于一个 TwitterClean 式的自用小工具。
- 心态层面:这篇真正教的不是 API,而是对软件的所有权感。你每天用的任何界面让你难受时,正确反应不是忍,而是「这我能改」。
延伸阅读
- 英文原文
- 解读:Vibe Coding —— 十二年后,「想改就改」的零代码版本
- 导读:《氛围编程实录 MenuGen》 —— 他亲自示范用嘴写应用
- 导读:《量化 Hacker News》 —— 同一周的另一个周末 hack