manifest.json 是一个 Web App Manifest 文件,用于在移动设备上添加网站到主屏幕时提供了一些控制权和配置项,如图标、主题颜色和启动 URL 等。在 React
应用
程序中,可以通过在 public 文件夹中创建 manifest.json 文件来配置这些选项。
示例代码:
在 public 文件夹中创建一个名为 manifest.json 的文件。
在 manifest.json 文件中添加以下内容:
"name": "My React App",
"short_name": "React App",
"icons": [
"src": "icon.png",
"sizes": "512x512",
"type": "image/png"
"start_url": ".",
"display": "standalone",
"theme_color": "#1E90FF"
在该示例中,我们定义了
应用
程序的名称、短名称、图标和主题颜色等选项。start_url 属性指定启动
应用
程序时默认加载的 URL,而 display 属性指定
应用
程序的显示模式(web app、fullscreen、standalone 或 minimal-ui 等)。 theme_color 属性定义了
应用
程序的主题颜色。
在 index.ht
ml
文件的 head 中添加以下代码:
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
该代码将 manifest.json 文件的位置链接到应用程序的 HTML 文件中。%PUBLIC_URL% 是 public 文件夹的路径。
将应用程序添加到设备的主屏幕上时,将会使用该文件中定义的图标和主题颜色等选项。