什么是web app manifest (网络应用程序清单)
💡
原文中文，约5900字，阅读约需15分钟。
📝
内容提要
Web应用程序清单包含应用程序的信息，如名称、图标、启动URL等。浏览器会根据清单属性自动创建启动画面，特别是名称、背景颜色和图标。Chrome会为设备选择与分辨率最匹配的图标，提供192px和512px图标即可。还可以添加其他属性到清单中。
🎯
关键要点
- Web应用程序清单是一个JSON文件，包含应用程序的信息，如名称、图标和启动URL。
- 清单文件通常命名为manifest.json，建议使用.webmanifest扩展名。
- 必须至少提供short_name或name属性，short_name用于空间有限的地方。
- icons属性包含图像对象，必须提供src、sizes和type属性，至少需要192x192和512x512像素的图标。
- start_url属性定义应用程序启动时的起始页面，必须直接引导用户进入应用。
- background_color属性用于启动画面，display属性定义应用程序的显示模式。
- scope属性定义应用程序的URL范围，start_url必须在scope内。
- theme_color属性设置工具栏颜色，可能影响任务切换器的应用程序预览。
- shortcuts属性提供对应用程序关键任务的快速访问，description属性描述应用程序用途。
- screenshots属性包含应用程序在常见使用场景中的图像，必须符合特定条件。
- 创建清单后，需要在所有页面添加<link>标签以链接清单。
- 使用Chrome DevTools验证清单设置是否正确，确保所有图像正确加载。
- Chrome会根据清单属性自动创建启动画面，确保平滑过渡。
➡️
