51xmi.com

PWA，简单两步把web填加到手机桌面

👁️
分享

2步实现填加到手机桌面,全屏

只需要两步:

  • 在app根目录下新建一个manifest.js文件, 或ts文件,就是app目录, layout.js,page.js所在的目录
  • 在public目录下,新建那几个图标文件:图标可以用一些在线网站生成
  • //manifest.js
export default function manifest() {
    return {
        "name": "51xMI.com",
        "short_name": "51xMI",
        "description": "51xMI.com",
        "start_url": "/?standalone=true",
        "display": "standalone",
        "theme_color": "#000000",
        "background_color": "#ffffff",
        "scope": "/",
        "icons": [
            {
                "src": "/icon-192x192.png",
                "sizes": "192x192",
                "type": "image/png"
            },
            {
                "src": "/icon-256x256.png",
                "sizes": "256x256",
                "type": "image/png"
            },
            {
                "src": "/icon-384x384.png",
                "sizes": "384x384",
                "type": "image/png"
            },
            {
                "src": "/icon-512x512.png",
                "sizes": "512x512",
                "type": "image/png"
            }
        ]
    }
  }