Manifest.jsonがchrome拡張に使用することは知っていますが、ここでは他の何かです。ファイルコードです:
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "192x192",
"type": "image/png"
}
],
"start_url": "./index.html",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
値を変更すると、ページが更新されますが、何も変わりません。
これは Webアプリマニフェスト であり、アプリケーションを説明し、たとえばホームスクリーンにショートカットが追加された場合は携帯電話。
MDNから(上記リンク):
Webアプリマニフェストは、JSONテキストファイルでアプリケーションに関する情報(名前、作成者、アイコン、説明など)を提供します。マニフェストの目的は、デバイスのホーム画面にWebアプリケーションをインストールし、ユーザーに迅速なアクセスと豊かなエクスペリエンスを提供することです。
PWA(プログレッシブWebアプリケーション)を開発するときはいつでも必要なファイルです。 PWAはservice worker
で機能するWebアプリケーションの拡張バージョンであり、Webアプリケーションの必要な情報を記述するmanifest.jsonファイルを備えているため、PWAを正確に説明するため。最近では、サービスワーカーを改善することで、PWAを使用してカメラなどにアクセスするなどのネイティブ機能の素晴らしい経験を得ることができます。ネイティブアプリと比較して、さらに速く、プッシュ可能な(プッシュ通知など)です。