① 设计:翻开的日记本 —— 左页是「家」(出发地),右页是「路线 + 目的图钉」 (旅行),页面底部两道横线是写下的记录。底色取站点主色 #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。
17 lines
631 B
JSON
17 lines
631 B
JSON
{
|
|
"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" }
|
|
]
|
|
}
|