...

Kindle 导航

天气预报

数据来源: Open-Meteo | 更新时间: -- | 下次刷新: --
福田区
加载中...
--
南山区
加载中...
--

宝宝已出生

--日
 Baby illustration
返回

设置 / 功能测试

当前时间测试

加载中...
--
开始时间: --
持续时间: --
每10秒自动更新

localStorage 测试

1. API 可用性
检测中...
2. 写入测试
键名: test_key
写入值: --
--
3. 读取测试
读取值: --
--
4. 访问计数器
页面访问次数: --
每次刷新页面计数+1
5. 持久化测试
上次访问时间: --
刷新页面验证数据是否保留

AJAX (XMLHttpRequest) 测试

1. API 可用性
检测中...
2. 跨域请求 (CORS)
目标: httpbin.org/get
等待测试...
--
3. JSON 数据请求
目标: httpbin.org/json
等待测试...
--
4. 请求延迟测试
响应时间: --
测量网络延迟

设备信息与电量检测

1. User Agent
检测中...
2. 平台信息
Platform: --
Language: --
Online: --
3. 屏幕信息
分辨率: --
色深: --
像素比: --
4. Battery API 检测
检测中...
--
5. 其他 Navigator 属性

CSS 特性测试

1. Transform: Rotate (旋转)
预期效果: 黑色方块顺时针旋转45度
Rotate
2. Transform: Scale (缩放)
预期效果: 黑色方块放大1.5倍
Scale
3. Transform: Translate (平移)
预期效果: 黑色方块向右平移50px
Translate
4. Display: Flex (弹性布局)
预期效果: 三个方块水平排列,等宽分布
Item 1
Item 2
Item 3
5. Position: Absolute (绝对定位)
预期效果: 小黑块定位在容器右上角
Absolute
6. Position: Fixed (固定定位)
预期效果: 小黑块固定在屏幕左下角,滚动页面不移动
Fixed
7. Border-Radius (圆角)
预期效果: 黑色圆形 (80x80px, 圆角40px)
8. Box-Shadow (阴影)
预期效果: 白色方块带右下阴影
9. Opacity (透明度)
预期效果: 半透明黑色方块 (50%透明度)
10. SVG (基础绘制)
预期效果: 显示黑色矩形与灰色圆
11. CSS Animation
预期效果: 方块周期性闪烁
Pulse
12. CSS Transition
预期效果: 点击后方块变宽并变灰
Tap