活体网站作品集

推荐体验顺序

1. 1

   精选真实网站

   首页顶部精选卡片嵌入真实运行网站的实时页面，不是截图。 通过 iframe 渲染，保持原始交互能力。

2. 2

   在线状态实时监控

   卡片右上角状态栏实时同步 UptimeFlare 监控数据。 在线时显示"运行中"文字与绿色指示灯及真实延迟（ms）， 离线时显示"已离线"文字与暗色遮罩。数据每 60 秒自动刷新。

3. 3

   公益关注

   精选卡片下方嵌入寻亲信息模块，数据来自公开公益数据接口， 浏览器端实时拉取并本地缓存 6 小时。仅展示真实接口返回或历史真实缓存， 没有真实内容时自动隐藏。

4. 4

   更多网站作品

   页面下方以两列网格排列更多在线作品，每张卡片同样具备 实时渲染与状态监控，可在管理后台动态增减。

技术架构