Web App Manifest Generator
生成包含所有必需字段的PWA web应用manifest.json文件。
图标
将应用图标放在 /icons/ 目录中。推荐尺寸:192×192 和 512×512 PNG 文件。
manifest.json
{
"name": "My App",
"short_name": "App",
"description": "A progressive web application.",
"start_url": "/",
"display": "standalone",
"theme_color": "#4f46e5",
"background_color": "#ffffff",
"orientation": "any",
"scope": "/",
"lang": "en",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}关于此工具
Web应用清单是一个JSON文件,用于告知浏览器如何在用户设备上显示您的渐进式Web应用。它定义了应用名称、启动URL、显示模式、图标和主题色等关键信息,使您的Web应用能够像原生应用一样在手机、平板电脑和桌面设备上安装和启动。
此生成器通过简单地填写您的应用详细信息来帮助您创建完整的manifest.json文件。您可以配置显示模式(独立或全屏)、屏幕方向首选项、语言、作用域和配色方案等字段,然后将生成的JSON下载或复制到项目的根目录。该工具会自动包含图标配置占位符,并确保所有必需的W3C Web应用清单属性的格式正确。
Web应用清单对PWA(渐进式Web应用)开发至关重要,可提高应用在iOS和Android应用商店中的可发现性。构建单页应用、基于Web的工具或离线可用网站的开发者最受益于此工具,因为它可以快速生成清单而无需手动编写JSON语法。
常见问题
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.