在app
目录的根目录中添加或生成一个符合Web Manifest规范的manifest.(json|webmanifest)
文件,以向浏览器提供有关您的Web应用程序的信息。
静态Manifest文件
json
{
"name": "我的Next.js应用程序",
"short_name": "Next.js应用",
"description": "使用Next.js构建的应用程序",
"start_url": "/"
// ...
}
生成Manifest文件
添加一个返回Manifest对象的manifest.js
或manifest.ts
文件。
ts
import { MetadataRoute } from 'next'
export default function manifest(): MetadataRoute.Manifest {
return {
name: 'Next.js App',
short_name: 'Next.js App',
description: 'Next.js App',
start_url: '/',
display: 'standalone',
background_color: '#fff',
theme_color: '#fff',
icons: [
{
src: '/favicon.ico',
sizes: 'any',
type: 'image/x-icon',
},
],
}
}
js
export default function manifest() {
return {
name: 'Next.js App',
short_name: 'Next.js App',
description: 'Next.js App',
start_url: '/',
display: 'standalone',
background_color: '#fff',
theme_color: '#fff',
icons: [
{
src: '/favicon.ico',
sizes: 'any',
type: 'image/x-icon',
},
],
}
}
Manifest对象
Manifest对象包含一个广泛的选项列表,这些选项可能会因新的Web标准而更新。有关所有当前选项的信息,如果使用TypeScript,请在代码编辑器中参考MetadataRoute.Manifest
类型,或查看MDN文档。
须知:以上内容为翻译后的文本,保持了Markdown格式,并按照要求进行了处理。