Webアプリマニフェストバリデーターとは
Webアプリマニフェストは、ユーザーのデバイスにインストールされたときにWebアプリがどのように動作するかをブラウザに伝えるJSONファイルです。アプリ名、アイコン、開始URL、表示モード、テーマカラーなどのプロパティを指定します。マニフェストはHTMLのheadから<link rel="manifest" href="/site.webmanifest">でリンクされます。
クイックアンサー
PWAインストール可能性のためにWebアプリマニフェストJSONを検証します。必須項目:name、アイコン(192x192および512x512)、start_url、表示モード(standalone/fullscreen/minimal-ui)。マニフェストはHTMLのheadにリンクされ、Content-Type: application/manifest+jsonで提供される必要があります。
Last updated: 2026-05-28
制限事項
- このバリデーターはマニフェストのJSONコンテンツのみをチェックします。アイコンファイルが存在するか、start_urlが200を返すか、サービスワーカーが登録されて機能するかは検証しません。
- W3C Web App Manifest仕様は進化しています。protocol_handlers、shortcuts、related_applicationsなどの新しいフィールドはまだ検証されません。最近追加されたフィールドについては最新の仕様を確認してください。
- ブラウザごとにインストール可能性要件が異なります。Chrome、Edge、Safari、Firefoxはそれぞれマニフェストフィールドの解釈が少しずつ異なります。実際のデバイスでクロスプラットフォームテストを行ってください。
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
使い方
- Webアプリマニフェストの完全なJSONコンテンツをテキストエリアに貼り付けます。
- ツールがJSONを解析し、各フィールドをW3C Web App Manifest仕様に照らしてチェックします。
- エラー(修正必須)と警告(修正推奨)を確認し、デプロイ前にインストール可能性チェックリストに従います。
主な用途
- PWAをデプロイする前にマニフェストを検証して、インストール可能性要件が満たされていることを確認する。
- PWAインストールプロンプトが表示されない理由をデバッグする。ChromeとEdgeが必要とするマニフェストフィールドをチェックする。
- 新しいアイコン追加後、開始URL変更後、テーマカラー更新後に既存のマニフェストを監査する。