🚇 v1.0.0 — 北京地铁客流监控 PWA 首发
🚇 北京地铁实时客流监控 PWA v1.0.0
首发正式版 — 22 条北京地铁运营线路、实时模拟客流点云、可离线访问的渐进式 Web 应用。
✨ 功能
- 22 条北京地铁线路(含 1/2/4-10/13-17/19 号线 + 昌平/亦庄/房山/S1/西郊/首都机场/大兴机场线)
- 每秒刷新点云形式的实时客流模拟(基于早晚高峰、平峰、夜间的客流因子 + 随机噪声)
- 线路切换 / 站点筛选 — 点击线路切换查看某条线路详情,点击站点筛选单站数据
- 离线访问 — Service Worker 缓存静态资源 + 网络优先缓存策略 + 离线兜底页
- PWA 可安装 — iOS / Android / 桌面浏览器可添加到主屏,独立窗口运行
- 响应式移动端设计 — sticky header + 触摸优化 + 全屏 / 分享 API
📦 Artifacts
| 文件 | 说明 |
|---|---|
| ditiediantu-v1.0.0.zip | 完整 PWA 包(解压即可通过 python -m http.server 运行) |
| Source code (zip) / (tar.gz) | GitHub 自动生成 |
✅ 本次测试结果
| 项目 | 结果 |
|---|---|
| manifest.json JSON 解析 | OK(包含 8 个图标声明) |
| 全部 8 个图标 PNG 文件存在且尺寸正确 (72/96/128/144/152/192/384/512) | OK |
| sw.js JS 语法检查 ( | |
| ode --check) | OK |
| index.html 内嵌 JS 语法检查 | OK |
| Service Worker 关键事件 (install / �ctivate / etch) | 全部注册 |
| 本地 HTTP server 端到端响应(13 资源 + 1 错误用例) | 13×200, 1×404 |
| generate_icons.py(Pillow)端到端重生成 | OK |
🚀 快速部署
\�ash
解压
unzip ditiediantu-v1.0.0.zip -d metro-pwa
cd metro-pwa
本地预览
python -m http.server 8080
浏览器打开 http://localhost:8080
或者启用 GitHub Pages:在仓库 Settings → Pages → Source 选 main 分支 → Save,几分钟后即可在 https://.github.io/ditiediantu/ 访问。
🛠 技术栈
- 原生 HTML / CSS / JavaScript(无构建工具,无依赖)
- Canvas 2D 点云渲染(每帧 60 个数据点,DPR 自适应)
- Web App Manifest + Service Worker(PWA 标准)
📋 浏览器兼容
Chrome 67+ · Safari 11.1+ · Firefox 44+ · Edge 79+ · iOS Safari 11.3+ · Android Chrome 67+
📜 许可证
MIT