网页清单生成工具
免费在线使用 网页清单生成工具 无需安装即可使用工具
關於 Web Manifest 產生器
透過簡單的表單為漸進式 Web 應用程式建置符合 W3C 標準的 Web 應用程式清單(manifest.json)。設定應用程式識別(name、short_name、description、start_url)、顯示模式、螢幕方向、主題/背景顏色以及圖示尺寸;此工具會將所有內容序列化為格式化的 JSON,可複製或下載為 manifest.json 檔案。
使用方法
1. 填寫應用程式名稱(必填)以及可選的短名稱、描述和起始 URL。 2. 選擇顯示模式(Standalone、Fullscreen、Minimal UI、Browser)和螢幕方向(Any、Portrait、Landscape)。 3. 使用色板或十六進位輸入框設定主題顏色和背景顏色。 4. 以逗號分隔的清單形式輸入圖示尺寸(預設為 192x192、512x512)。 5. 點擊生成,然後複製或下載。
清單欄位和圖示
輸出始終包含 name、start_url、display、theme_color、background_color、orientation 和 icons;只有在填寫了 short_name 和 description 時才會新增。每個圖示項目會根據您列出的尺寸生成為 { src: "/icons/icon-<size>.png", sizes: "<size>", type: "image/png" },這樣您就可以參照預先生成的 PNG 資源。
▶Standalone 和 Minimal UI 顯示模式有什麼區別?
Standalone 會隱藏瀏覽器介面,使其看起來像原生應用程式。Minimal UI 會保留少量導覽控件(後退/前進/重新整理),Fullscreen 會移除所有介面。Browser 則在普通瀏覽器分頁中開啟。
▶圖示檔案從哪裡來?
此工具只會寫入參照。對於您列出的每個尺寸,它會生成 /icons/icon-<size>.png 並指定類型為 image/png;您必須將實際的 PNG 檔案放在專案的這些路徑中。
▶為什麼生成按鈕處於停用狀態?
應用程式名稱是唯一的必填欄位。直到該欄位包含非空白文字,生成按鈕才會被停用,並且不會生成任何清單。
▶short_name 和 description 是否始終包含在內?
不會。只有在您提供這些欄位時,才會將它們新增到 JSON 中。Android 主畫面使用 short_name,因此將其留空會產生不包含該欄位的清單。
如果这个工具对你有帮助,请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。