Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
その他 Limited support

Web app manifest

Web App Manifest は JSON ファイルで PWA のアイコン、名前、テーマカラー、表示モード等のメタデータを定義します。

その他

概要

Web App Manifest は JSON ファイルで PWA のアイコン、名前、テーマカラー、表示モード等のメタデータを定義します。

対応ブラウザ

デスクトップ

Chrome 53+
Edge 79+
Safari 17+
Firefox 未対応

モバイル

Chrome Android 53+
Safari iOS 15.4+
Firefox Android 79+

基本構文

HTML 
<link rel="manifest" href="/manifest.json">
<!-- manifest.json -->
<!-- { "name": "マイアプリ", "short_name": "アプリ",
     "start_url": "/", "display": "standalone",
     "theme_color": "#3498db" } -->

実務での使いどころ

  • Web app manifest の活用

    Webアプリマニフェスト。PWAのメタデータを定義するJSONファイル。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク