北京
一个开发者常泡在 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 的人可以试试，也欢迎告诉他下一版想要什么。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
