DEV·TV

DEV·TV是一个仅由单个HTML文件构成的开发者信息流工具，不用构建流程、不需要后端服务器、无需注册登录，也没有烦人的Cookie弹窗。适合放在第二块显示器后台常驻，像老式CRT电视机一样持续轮播开发者社区资讯，写代码间隙随手一瞥，快速获取技术动态，不用专门打开多个网页来回切换。

产品核心思路

常规的资讯看板（Dashboard）会抢夺全部注意力，要求用户阅读、做判断。而 DEV·TV 定位完全相反：作为背景信息流，碎片化浅阅读。

页面自带复古电视特效：初次加载和切换频道时生成逐像素随机噪点（不是重复CSS贴图）；关机动画还原经典CRT效果，画面收缩成一条横线，再缩为光点，最后黑屏。页面顶部会显示NOW/NEXT/LATER内容预告，底部滚动字幕栏循环展示各频道标题，还穿插虚构趣味广告（Merge Conflict Therapy、Off-By-One Pizza等，可手动关闭）。

10个开发者频道一览

内容阅读机制

点击条目会在应用内阅读器直接打开，不新开标签页：

• 仓库、模型：展示README；
• 文章：正文内容；
• 论文：摘要；
• CVE：完整漏洞描述；
• HN外链文章：展示原文链接+HN评论；
• 视频：直接内嵌播放。

内置手写Markdown转换器，严格白名单标签，外部拉取的内容无法注入恶意HTML，保障页面安全。

快捷键与操作

移动端适配

页面在640px宽度以下自动响应布局，频道按钮自适应，触控按钮最小44px，适配手机触屏操作。

重要限制：本地直接打开index.html文件时，YouTube视频频道无法内嵌播放（浏览器跨域限制，报Error153），仅展示缩略图，点击跳转YouTube官网；部署到在线静态站点后，才能在页面内直接播放视频。移动浏览器视频默认静音，需要手动点击一次开启声音。部分上传者禁用视频内嵌，则会提示跳转原链接。

运行方法

整个项目只有单个index.html，无任何依赖：

1. 下载仓库里的index.html
2. 直接用浏览器打开

# macOS
open index.html
# Windows
start index.html
# Linux
xdg-open index.html

移动端推荐把文件上传Netlify Drop这类静态托管，拿到公网链接访问，才能完整启用视频频道。

部署与跨域提示

页面全部资讯通过浏览器fetch请求第三方API获取。沙箱预览、受限的嵌入环境会拦截跨域请求，导致频道加载失败。直接本地打开HTML文件，或者部署为普通静态网页，即可正常拉取所有API数据。