Radar · 第 2026-08 期

有谱雷达 · 2026 年 8 月

这一期是 8 月号,9 月补发。四个工具都是 8 月接进我真实项目的,到现在还在用:9 月又拿 Playwright 批量验收了本站的作品演示页,启蒙盒子 9 月新加的 9 条配音还是用 msedge-tts 生成的,Serwist 的离线缺页问题这个月刚修好,思源宋体也一直挂在课题罗盘的登录页上。每个工具都能指出是哪个项目、哪次提交用上的。

四个工具对应「让作品更像产品」的四件小事:自动验收、配音、离线、中文字体。点评里各写一个真实踩过的坑,也照实说明:启蒙盒子还在开发中,配音和离线还没在 iPad 真机上复验。

9 月号同日发布:有谱雷达 · 2026 年 9 月。

#1 ✓ 亲测

Playwright ↗

浏览器自动化测试开源
有什么用

微软开源的浏览器自动化工具:用脚本驱动真实浏览器,自动打开页面、点击、填表、截图,并检查结果对不对。

能带来什么
  • 把「每次改完都要手动点一遍」的验收写成脚本,改一次跑一次,不漏步骤
  • Chromium、Firefox、WebKit 三种内核一套写法,还能按手机尺寸检查排版
  • 用大白话告诉 AI「点哪里、应该看到什么」,让它代写测试脚本,非科班也能用起来
主理人点评 · 课题罗盘的主流程(登录、录成果、传附件、导出 Excel、退出)每次推送代码都由它在 GitHub Actions 里自动走一遍;真正费劲的不是写测试,而是让每次测试都用一次性的独立数据库、跑完或中途打断都收拾干净,刚接上的头两天为此连修了五轮。9 月本站演示页的批量验收也是它跑的。
#2 ✓ 亲测

msedge-tts ↗

语音合成配音Node.js
有什么用

一个 Node.js 小库,调用 Edge 浏览器「大声朗读」背后的在线神经语音,把文字批量转成自然的中文 mp3 配音。

能带来什么
  • 中文神经语音比系统自带的朗读自然得多,能选音色、调语速
  • 写个小脚本就能把一整批文案一次转完,改了文案重跑即可
  • 生成的是普通 mp3 文件,放进课件、微课或小应用里,不联网也能播
主理人点评 · 启蒙盒子(还在开发中)用它把机械感很重的系统朗读换成了「晓伊」的声音,8 月底 19 条文案一共才 403KB;要注意它走的是 Edge 朗读的在线接口、不是官方付费 API,生成时要联网,商用前先自己看清条款。换声之后在 iPad 真机上听起来怎么样,我还没复验。
#3 ✓ 亲测

Serwist ↗

PWA离线Next.js
有什么用

给网页应用加 Service Worker 的工具集,让网站能添加到主屏幕、断网也能打开;Next.js 项目用 @serwist/next 就能接入。

能带来什么
  • 构建时自动生成预缓存清单,发新版本时缓存跟着更新
  • next-pwa 已停止维护,Next.js 项目想做 PWA 可以直接用它
  • 预缓存和运行时缓存策略都能自己定,适合教室、户外这类网络不稳的场合
主理人点评 · 启蒙盒子(还在开发中)要求断网也能玩。踩过的坑:自动生成的清单只有 JS、CSS 这类静态资源,没有页面 HTML,断网时只有首页能开,得手动把全部路由加进预缓存;AI 编程工具自带的预览面板注册不了 Service Worker,离线要在真实浏览器里断网测。本机已验证全部页面断网可开,iPad 真机要等 HTTPS 部署后再复验。
#4 ✓ 亲测

Fontsource ↗

中文字体自托管前端
有什么用

把开源字体打包成 npm 包,一行 import 就能把思源宋体、思源黑体这类字体自托管进自己的项目。

能带来什么
  • 中文字体按 unicode-range 切成上百片,浏览器只下载页面实际用到的那几片
  • 字体跟着项目一起部署,构建和访问都不依赖外部字体服务
  • 字重可以一个个单独引入,用哪个装哪个,不必背上整套字体
主理人点评 · 课题罗盘登录页的大标题和顶栏字标用的就是它的思源宋体;选它,是因为另一种写法要在构建时连 Google 拉字体,国内服务器上连不上就会构建失败。踩过的坑:我只引入了 900 一个字重,别的字重会落到浏览器合成的加粗上,笔画发糊。
← 返回雷达列表