一个开发者常泡在 DEV 上,看帖子、找项目、参加挑战,偶尔自己写点东西。他也用 daily.dev,打开新标签页就能刷到开发者内容,确实方便。于是他冒出个念头:能不能做一个只针对 DEV 的版本?
想法一旦冒出来,就变成了又一个项目。这个扩展叫 DEV Tab,免费、开源,把新标签页换成 DEV 的帖子流。目前已经上架 Chrome 应用商店,Firefox 版本也做好了,正在等待审核。
最初的设想很简单:打开新标签页,看看 DEV 上在发生什么,点进感兴趣的内容。但做着做着,功能就一路加了上去。
现在可以浏览 Today、This Week、Rising、Latest 几个分类,还有趋势、活动、播客、视频的专门板块。标签过滤也做了,能保存常看的标签、隐藏不想看的标签,还能关注特定 DEV 组织发布的帖子。
另外还塞进了这些:
- 直接在新标签页里搜索
- 方向键加回车的键盘导航
- 紧凑视图,少看图多看点帖子
- 反应数和最新三条评论的预览
- 一键新建 DEV 帖子的快捷入口
- 信息流缓存,开新标签页不用重新等加载
这些都不算什么革命性创新,作者自己的说法是,只是想要一个方便逛 DEV 的入口,不用到处找。
然后他觉得还需要一个仪表盘。这部分不在原计划里,但因为在 DEV 上写东西花的时间够多,他想要一个更好的个人活动总览。
在扩展设置里填入 DEV API key,就能解锁包括个人仪表盘在内的额外功能。仪表盘里有粉丝数、浏览量、反应数、评论数、新增粉丝,可以按最近 7 天、30 天、90 天查看。还有每日浏览量图表、能翻看往年的活动热力图,以及已发布帖子和草稿的列表。最近关注你的人、贡献最多的人、读者来自哪里,也都能看到。
作者特别喜欢把活动热力图和帖子统计放在一起看,回头翻翻自己什么时候活跃、不同帖子表现如何,挺有意思。仪表盘截图用的是虚构的示例数据。
连接 DEV 账号完全可选。不填账号或 API key,公开信息流、搜索、过滤这些浏览功能照常能用。连上账号之后,还能看到基于所关注标签的个人信息流、阅读列表和语义搜索。API key 可以在 DEV 设置里生成。
这个扩展没有后端、没有分析、没有追踪。API key 存在浏览器本地的扩展存储里,只在需要认证的 API 请求时发给 DEV。作者的想法是保持简单,不想为了展示 DEV 已经提供的信息,再单独搞一个服务。
也有几个做不了的事,卡在 DEV API 上。比如没法直接在扩展里给帖子加反应、留评论、把文章存进阅读列表。反应数和评论预览能看,但互动要跳回 DEV 本身。作者希望以后能把这些操作直接放进信息流,眼下只能算 API 能力的限制。
技术栈是 WXT 加 React 和 TypeScript。这是作者第一次用 WXT,他很喜欢同一套代码能同时构建 Chrome 和 Firefox 版本。花了不少心思的一点,是确保每次打开新标签页不会把内容全部重新拉一遍:每个信息流的第一页缓存十分钟,之前加载过的帖子在离线时也能显示。事情不大,但替换的是新标签页这种高频使用的东西,他觉得这点很重要。
DEV Tab 是开源的,可以看代码、报 bug、提功能建议,或者直接贡献代码。Firefox 版本还在等审核,通过后会补上链接。
这事起初只是又一个“要是有个这玩意儿就好了”的念头,最后变成了一个带个人分析仪表盘的完整浏览器扩展。作者说,大概一直找想建的东西,就会这样。常用 DEV 的人可以试试,也欢迎告诉他下一版想要什么。
热门跟贴