2026-08-11 13:02:26 UTC+8UPDATE #023
优化首页简介的多行排版
为首页简介段落加入原生 text-wrap: balance,让支持该能力的浏览器在简介换成多行时更均衡地分配文字,改善不同屏幕宽度下的视觉节奏和可读性。
- 仅作用于短小的首页简介,不改变正文内容、DOM 结构或任何 JavaScript 逻辑。
- 该 CSS 属于渐进增强;不支持的浏览器会安全忽略并继续使用原来的普通换行。
- 访问计数、世界地图、国家统计、诊断终端、网络状态、复制日志和其他现有功能保持不变。
index.html 与 test.html 继续同步使用完全相同的页面内容。
DOWNLOAD PREVIOUS HTML
2026-08-11 12:02:27 UTC+8UPDATE #022
让世界访客地图提供动态文本替代
世界访客地图在国家/地区统计加载完成后,现在会把当前已映射访问总数与覆盖的国家/地区数量写入地图的可访问名称,帮助屏幕阅读器用户获得图表中的核心信息。
- 保留原有
role="img" 和初始静态标签,加载完成后再用实际统计数据更新 aria-label。
- 复用页面已经计算出的 Mapped visits 与 Countries / regions,不新增网络请求、依赖或第三方脚本。
- 可视地图、访问计数、国家列表、隐私说明、诊断终端和其他现有功能保持不变。
index.html 与 test.html 继续同步使用完全相同的页面内容。
DOWNLOAD PREVIOUS HTML
2026-08-11 11:00:42 UTC+8UPDATE #021
优化页面内锚点跳转体验
为页面内锚点导航加入标准 CSS 平滑滚动,并为 WORLD VISITOR MAP 设置顶部滚动留白,让点击 VISITOR MAP 后的落点更自然,不会紧贴视口顶部。
- 在文档滚动容器启用
scroll-behavior: smooth。
- 为地图面板加入
scroll-margin-top: 24px,改善锚点定位后的视觉间距。
- 已有
prefers-reduced-motion: reduce 规则会强制恢复即时滚动,因此尊重系统“减少动态效果”偏好。
- 访问计数、世界地图、国家统计、诊断终端、网络状态、复制日志和其他现有功能保持不变。
index.html 与 test.html 继续同步使用完全相同的页面内容。
DOWNLOAD PREVIOUS HTML
2026-08-11 10:01:36 UTC+8UPDATE #020
让隐私说明获得清晰的键盘焦点指示
为世界访客地图中的原生 <summary> 隐私说明控件加入与页面其他交互元素一致的 :focus-visible 焦点环,让键盘用户在 Tab 导航时更容易确认当前焦点位置。
- 沿用现有 2px accent 焦点样式与 3px outline offset,不引入新的脚本或依赖。
- 仅影响键盘等需要可见焦点提示的交互状态,鼠标普通浏览和页面默认视觉保持不变。
- 访问计数、世界地图、国家统计、网络状态、复制日志、Navigation Timing 和后台时钟逻辑保持不变。
index.html 与 test.html 继续同步使用完全相同的页面内容。
DOWNLOAD PREVIOUS HTML