THEME
follows system in AUTO
VIEW DENSITY
COMFORTABLE · original spacing
DEPLOYMENT ONLINE
NETWORK ONLINE
// GITHUB PAGES ENVIRONMENT

WEB TEST
IS LIVE.

一个用于检查 GitHub Pages 部署、JavaScript 执行、浏览器信息、响应式布局和访问分布的测试网站。访客地图已改为页面自带的 SVG 世界地图,不再依赖 Google 地图资源。

NEW UPDATE
LATEST CHANGE · UPDATE #046

新增 Persistent Action Dock

新增底部浮动快速操作 Dock,在长页面中始终提供 TOP、FLOW、DIAGNOSTICS、VISITOR MAP 与 HISTORY 跳转;触屏目标保持足够尺寸,并适配安全区域与 reduced-motion 设置。

Archive · test+20260812-110002.htmlVIEW FULL HISTORY →
// QUICK START

TEST FLOW

按这四步走一遍,就能快速检查页面最重要的部署、浏览器与地图功能。

  1. Run diagnostics点击上方 RUN TEST,检查 JavaScript、浏览器与页面环境。
  2. Resize viewport调整窗口宽度,观察指标卡和布局是否能在不同尺寸下正常重排。
  3. Inspect visitor map确认本地 SVG 世界地图可见,并查看当前访问位置与国家级统计加载情况。
  4. Review history打开 Update History,浏览并下载每次修改前保存的历史 HTML。
// LIVE TEST SESSION

TEST SESSION PROGRESS

0 / 4core checks completed
0 of 4 checks complete
  1. RUN DIAGNOSTICS点击 RUN TEST 完成一次浏览器环境诊断。
  2. RESIZE VIEWPORT把当前窗口宽度改变至少 40px,验证响应式重排。
  3. INSPECT VISITOR MAP滚动到地图并让主要地图区域进入视口。
  4. USE REPORT TOOL刷新、复制或下载一次本地诊断报告。
// RESPONSIVE SIGNAL

CURRENT VIEWPORT MODE

拖动浏览器宽度观察高亮区间变化;这个指示器完全由 CSS Media Queries 驱动,不依赖 JavaScript。

MOBILE< 640px
TABLET640–1023px
DESKTOP≥ 1024px
// ACCESSIBILITY REFLOW CHECK

TEXT SCALE / REFLOW TEST

临时放大本站文字,检查按钮、卡片和说明文字在更大字号下是否仍能完整显示。选择会保存在当前浏览器;100% 可随时恢复默认。

Readable text should grow without disappearing.

这段示例与页面其他基于 rem / em 的文字一起放大。切到 200% 后,可以滚动检查导航、指标卡、地图控制和按钮是否发生截断或重叠。

// USER PREFERENCE MEDIA FEATURES

ACCESSIBILITY PREFERENCES

实时读取浏览器通过 Media Queries 暴露的用户界面偏好。这里显示的是当前系统 / 浏览器信号,不会修改你的设置,也不会上传这些数据。

REDUCED MOTION
READINGChecking motion preference
CONTRAST
READINGChecking contrast preference
FORCED COLORS
READINGChecking system color enforcement
SYSTEM SCHEME
READINGChecking light / dark preference
// NAVIGATION TIMING

PAGE PERFORMANCE TIMELINE

把当前这一次页面导航的浏览器性能数据直接画出来。数值来自本地 Performance API,不上传数据,也不是跨设备基准测试。

DOM ReadyMEASURINGWaiting for Navigation Timing
Full LoadMEASURINGWaiting for window load
TransferredMEASURINGDocument + reported resources
Resources0Performance resource entries
LOAD PHASE VISUALIZATION0 → measuring…
navigation startmeasuring…
// PORTABLE DIAGNOSTICS

DIAGNOSTIC REPORT

把当前页面已经采集到的环境、Performance、地图状态与诊断日志整理为一份本地文本报告,方便保存、粘贴或比较不同设备的测试结果。

NETWORKREADING
VIEWPORTREADING
DOM READYREADING
FULL LOADREADING
MAP STATUSREADING
TEST RUNSREADING

Report is generated locally in this browser and is ready to refresh, copy or download.

diagnostics.log
$ initialize test_web
✓ HTML loaded
✓ CSS loaded
✓ JavaScript ready
点击 RUN TEST 开始浏览器测试。
Local time
--:--:--

实时更新;页面进入后台时暂停计时器。

Viewport
-- × --

调整窗口大小可测试响应式页面。

Test runs
0

记录当前页面会话运行测试的次数。

WORLD VISITOR MAP · LOCAL SVG

Locating…
SVG map ready · waiting for IP location

世界地图已随 HTML 本地加载;正在读取本次访问的粗略 IP 位置和历史国家统计。

Mapped visits0
Countries / regions0
Stats loaded0 / 232
隐私说明

IP 定位仅用于取得国家/地区与近似坐标;绘制前坐标会粗化到 5° 网格,完整 IP 和原始坐标不会被本站保存。历史统计仍使用国家级公共计数器,并采用渐进加载,因此统计接口失败不会让地图本身消失。

// KEYBOARD CONTROL

QUICK SHORTCUTS

无需离开键盘即可触发最常用的测试动作。快捷键不会在输入框、文本区域或可编辑内容中触发。

提示:macOS 浏览器中 Alt 通常对应 Option。Escape 可关闭此对话框。