Skip to content

🚇 v1.0.0 — 北京地铁客流监控 PWA 首发

Choose a tag to compare

@zhenyu666-debug zhenyu666-debug released this 05 Jul 01:14

🚇 北京地铁实时客流监控 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