我用 100 行代码干掉了价值 100 万的社交产品设计 - 一个程序员的反击

[stardustedstand]

一个顶级社交产品请一个产品经理的年薪至少 50 万，请一个交互设计师至少 30 万，他们花费数月时间精心设计的'无限滚动'机制，却被我一个下午写的 100 多行代码完全瓦解...

以下是浏览器插件（下载解压-开发者模式安装即可）： 项目地址

简单总结社交产品"无限滚动"设计背后的核心商业逻辑：

1. 产品设计的核心套路

• 无限滚动就像一个永不见底的幸运盒子
• 每次下拉都给你一个"惊喜"的可能
• 你永远不知道下一条内容是什么，但就是想接着看
• 没有明确的终点，让你失去时间概念

2. 背后的心理学原理

• 期待与奖励：像赌场里的老虎机
• 害怕错过：总觉得再划一下可能有更好的内容
• 沉没成本："都刷了这么久了，再看一会吧"

3. 我的破解方案

// 其实只需要这么简单，就能打破这个精心设计的套路
if (scrollY >= limit) {
    stop();    // 给用户一个明确的终点
    notify();  // 提醒用户该休息了
}

4. 为什么有效？

• 产品设计靠的是让你迷失
• 而我们只是加了个"到站提醒"
• 就像在赌场装了个闹钟，到点就提醒你该回家了

这不是技术的胜利，而是清醒的胜利。

5. 技术实现

• 核心代码仅 100 多行
• 开发时间：1 小时
• 开发成本：16 元一杯星巴克蒸汽奶（别问为什么，问就是最低成本获取一个最佳环境）
• 维护成本：几乎为 0

4. 效果对比

• 产品团队投入：

  • 产品经理月薪：4 万+
  • 交互设计师月薪：2.5 万+
  • 开发团队成本：10 万+
  • 产品迭代周期：3-6 个月
  • 总成本：约 100 万

• 我的方案：

  • 开发时间：1 小时
  • 代码量：100 多 行
  • 开发成本：16 元
  • 维护成本：几乎为 0
  • 效果：完全抵消原产品设计效果

5. 支持的平台

// 一次开发，多平台覆盖
"matches": [
  "*://*.facebook.com/*",
  "*://*.twitter.com/*",
  "*://*.weibo.com/*",
  "*://*.zhihu.com/*",
  "*://*.xiaohongshu.com/*",
  "*://*.bilibili.com/*"
  // ... 更多主流平台
]

也许我就像堂吉诃德一样可笑 —— 用简陋的代码对抗精密的商业设计。但正如堂吉诃德教会我们的：疯狂和理想主义，有时候比精明更有力量。

这不是一场胜利，而是一次浪漫的抗争。

[BadReese]

“也许我就像堂吉诃德一样可笑” - 堂吉诃德听了都要做噩梦

[yaytohkay]

写 README 是个好习惯

[stardustedstand]

@BadReese 哈哈，claude ai 写的，我只是提供个思路。

[stardustedstand]

@yaytohkay v2exer 们要开始上班摸鱼了，来不及写了。赶紧给大伙提供点消遣。😂

[heyjim75111]

我只要一个动作就可以干掉，按下电源键

[stardustedstand]

@heyjim75111 可以的，核爆按钮👍。

[magicZ]

感动了，op 是个有趣的人

[liuchao719]

抖音没有睡觉提醒吗？不是的，每晚我都能刷到好几次护眼计划 + 睡觉提醒。正如你叫不醒一个装睡的人，只要想刷我还是会继续刷下去。让我放弃继续刷下去的理由只有一个，算法推给我的内容都是那几类内容，看的都不想再看了，今天的抖音也就结束了。

[stardustedstand]

@magicZ 多谢，v2exer 都挺有趣的，我只是其中普通的一员，还要多多学习才是。😂

[cander0815]

然而我每次都是一屏幕看完 就直接下拉刷新。不去看下面的 😂。分页不存在的

[stardustedstand]

@liuchao719 官方的睡觉提醒和护眼计划应该没有打断无限刷新流。所以大部分人才会继续下去。

[FireKey]

提醒没用,要强制执行才有效果

[InDom]

感谢楼主分享，感谢 ChatGPT ， 现在可以通过油猴脚本加载了。

https://gist.github.com/imdong/334dba764152c82b4bc62ece9db33eaf

https://greasyfork.org/zh-CN/scripts/514953-scroll-limiter

[stardustedstand]

@cander0815 那是移动端 app 的吧，pc 端大部分没有这种机制。这又要涉及另外一个问题了，是否在设计思想上，PC 是无导航的自行车，手机是自动驾驶的汽车。或者说 PC 是塞尔达荒野之息，手机是自动寻路的页游。

[stardustedstand]

@InDom 油猴也可以的👍

[liu731]

有种上学时洗澡水卡余额不足的感觉～

[stardustedstand]

@FireKey 已经强制执行了，滑到 limitY 坐标会禁止再向下滑动。

[stardustedstand]

@liu731 洗热水澡多爽啊，现代社会唯一能脱离信息流的温室。余额拉满就是。社交媒体就不一样了，对大部分人来讲，是深不见底的泥潭。

[Tamamopoi]

星巴克蒸汽奶为什么 16 块，我看中杯原味得 22 了

[stardustedstand]

@Tamamopoi 使用淘宝大法，用资本主义击败资本主义。

[20015jjw]

蛮好 合理对抗 doom scrolling

[z1829909]

我也写过一个类似的插件, 不过我是直接屏蔽.
检测页面发起的请求, 如果有 recommend, rcmd, flow 之类的直接 block.

[zgsi]

把百度加上，谢谢

[stardustedstand]

@20015jjw 还有 rabbit hole 等等。。。

[stardustedstand]

@z1829909 好思路👍

[stardustedstand]

@zgsi 😂

[mcfog]

笑死

苹果市值 250 亿，我用三秒抠鼻屎决定不买苹果产品，抵消了苹果的商业价值，成本是一团鼻屎

[handsome50]

ios 的 artstation 似乎就有这种机制，刷久了丫直接闪退🤪

[stardustedstand]

@mcfog 能供君一笑，也是这段代码和文章的造化了😄

[stardustedstand]

@handsome50 那可能是内存泄露了😄

[MarginK]

感觉什么都没说，limit 怎么取的呢？ notify 就是提醒一下自己？感觉太简单了，标题党了感觉

[MarginK]

@MarginK 有点精神胜利感觉是

[stardustedstand]

@MarginK 代码里面有的，默认取 8000px 的限制，超过了就禁止滑动了 ，另外用户可以自定义 limit ，在插件弹出窗里。notify 在每次达到限制的时候都会触发一个简单的提示。

[stardustedstand]

@MarginK 最后一句已经说了，这不是胜利，这只是一点点小小的抗争。

[zhmouV2]

题外话，也不是所有人都喜欢无限滚动，或者也不是所有的东西都适合无限滚动。我记得谷歌搜索页就搞过 Infinite Scroll ，后来估计是被投诉太多取消了