PWA Manifest ジェネレーター
基本情報と外観を設定し、JSON を manifest.json としてプロジェクトにコピーします。サンプルのアイコンパスは作成済みのファイルに置き換えてください。
Manifest の項目
公開サイト内の / や ./ などのパスを使います。アイコンパスは仮の値です。該当するファイルは自分で作成して追加してください。
項目を編集すると manifest の案が更新されます。
使い方
使い方
- アプリ名、短い名前、start URL を入力します。
- 表示モード、テーマカラー、背景色を選びます。
- JSON をコピーまたはダウンロードし、独自のアイコンを追加して HTML から manifest を参照します。
Web アプリ manifest の基本項目
name、short_name、start_url、display、theme_color、background_color と、192/512 ピクセル PNG のサンプルアイコン項目を出力します。公開アプリ内の start URL を指定し、使用前にアイコンパスを実ファイルに置き換えてください。
manifest は PWA の一部です
このツールは JSON テキストを作成します。アイコン生成、サイトへの manifest リンク追加、Service Worker 作成、オフラインキャッシュ設定、ブラウザーのインストール要件の検証は行いません。パスを確認し、対象ブラウザーでサイトをテストしてください。
よくある質問
あわせて知りたいこと
アイコン画像を作りますか？
いいえ。192 と 512 ピクセル PNG のサンプルパスを JSON に含めます。画像を作成し、利用前にパスを更新してください。
manifest があれば PWA になりますか？
いいえ。manifest は一要素です。Service Worker、適切な配信環境、ブラウザー固有のインストール要件も必要な場合があります。
JSON はどこに保存してリンクしますか？
出力を manifest.json として保存し、HTML の head にそのファイルを指す link rel="manifest" を追加します。
アプリ情報はアップロードされますか？
いいえ。manifest はこのブラウザー内で生成されます。