站点图标:一本翻开的家庭旅行日记(批 24)

① 设计:翻开的日记本 —— 左页是「家」(出发地),右页是「路线 + 目的图钉」
  (旅行),页面底部两道横线是写下的记录。底色取站点主色 #3d6bf5 的渐变,
  蓝底白页,16px 标签页下也认得出。

② 交付:favicon.ico(站点根,多尺寸 16/32/48/64)+ SVG 源(高分屏)+
  apple-touch-icon 180 + PWA 192/512 + maskable 512 + site.webmanifest
  (可加到主屏)。地址全部走 asset() 带版本号,换图标浏览器立刻认。

③ 验证:部署哨兵 16 条(9 个资产存在 + 4 条 layout 引用 + manifest 合法 JSON
  + 不硬编码地址);e2e 新增第 11b 节按 URL 真拉,验状态码与 Content-Type
  (拿 HTML 当图标是最常见的白页签原因);_map16.js 加 3 条整页断言。
  直连线上复核:/favicon.ico=image/x-icon、svg=image/svg+xml、png=image/png。
This commit is contained in:
2026-09-28 19:32:03 +08:00
parent cd37f89807
commit ab22ca030f
10 changed files with 62 additions and 1 deletions
+16
View File
@@ -0,0 +1,16 @@
{
"name": "TripLog 家庭旅行日记",
"short_name": "TripLog",
"description": "把一家人的每次出行,连同路线、节点、照片和花销,一起记下来。",
"start_url": "/",
"scope": "/",
"display": "standalone",
"lang": "zh-CN",
"background_color": "#f6f7fb",
"theme_color": "#3d6bf5",
"icons": [
{ "src": "/assets/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/assets/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
{ "src": "/assets/icons/icon-512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}