PWA-manifest文件添加

最新推荐文章于 2025-06-17 18:19:58 发布

原创最新推荐文章于 2025-06-17 18:19:58 发布 · 557 阅读

0 ·

CC 4.0 BY-SA版权

服务化&架构专栏收录该内容

134 篇文章

订阅专栏

https://developer.mozilla.org/zh-CN/docs/Learn

只能在https://或http://localhost的网址运行

普通的网页：没有manifest文件

在这里插入图片描述

新建mainfest文件:mainfest.webmanifest/manifest.json

{
    "name": "用于指定应用的名称,用户安装横幅提示的名称,和启动画面中的文字",
    "short_name": " 应用的短名称,主屏幕显示",
    "display": "standalone",
    "orientation": "landscape",
    "start_url": "login.html",
    "theme_color": "purple",
    "background_color": "purple"
    }

display: 用于指定app的显示模式
start url: 指定用户从设备启动应用程序时加载的URL, 可以是绝对路径和相对路径如/index.html

<link rel="manifest" href="manifest.json">

在这里插入图片描述
出现访问问题：

Access to manifest at 'file:///C:/Users/%E6%9D%8E%E7%99%BD/Desktop/PWA/manifest.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.