Web App Manifest：スクリーンショット情報を一覧化する

Web App Manifestをブラウザ内で処理し、スクリーンショット一覧を作成します。。入力した内容を外部サーバーには送信せず、ブラウザで処理します。

入力内容

対象のファイル内容を貼り付けてください

{
  "name": "Sample Web App",
  "short_name": "Sample",
  "start_url": "/app/",
  "scope": "/app/",
  "display": "standalone",
  "theme_color": "#ffffff",
  "icons": [
    {
      "src": "/icons/icon192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "shortcuts": [
    {
      "name": "Search",
      "url": "/app/search"
    }
  ],
  "screenshots": [
    {
      "src": "/screenshots/home.png",
      "sizes": "1280x720",
      "form_factor": "wide"
    }
  ],
  "categories": [
    "productivity"
  ],
  "related_applications": [
    {
      "platform": "play",
      "id": "org.example.app"
    }
  ],
  "protocol_handlers": [
    {
      "protocol": "web+sample",
      "url": "/open?uri=%s"
    }
  ],
  "share_target": {
    "action": "/share",
    "method": "POST",
    "enctype": "multipart/form-data",
    "params": {
      "title": "title",
      "text": "text",
      "files": [
        {
          "name": "files",
          "accept": [
            "image/*"
          ]
        }
      ]
    }
  }
}

Webアプリのmanifest.jsonをブラウザ内で読み取ります。実際のアイコンURLの到達可能性やPWAインストール可否は検査しません。

Web App Manifest：スクリーンショット情報を一覧化する

入力内容

処理結果