zoukankan      html  css  js  c++  java
  • PWA-清单文件

    应用清单

    介绍

    Web 应用清单文件是简单的 JSON 文件,提供了应用的相关信息 (比如应用的名称、作者、图标和描述)。可使用户将 Web 应用安装到设备的主屏幕上,并允许开发者自定义启动画面、模板颜色,甚至是打开的 URL 。

    应用

    在网页中添加下面这行代码:

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

      这个链接指向一个被称为“清单文件”的文件。这个文件只是简单的 JSON 文件,它遵循 W3C 的 Web App Manifest 规范,并使开发者能够控制应用中不同元素的外观感觉。它提供 Web 应用的信息,比如名称,作者,图标和描述。

    示例

    {
        "name": "a pwa demo",
        "short_name": "pwa",
        "start_url": "/index.html",
        "dispaly": "standalone",
        "theme_color": "#FFDF00",
        "background_color": "#FFDF00",
        "icons": [
            {
                "src": "homescreen.png",
                "sizes": "144*144",
                "type": "image/png"
            }
        ]
    }
    

    条件

    要显示添加到主屏幕的提示,需要满足几个条件:

    • 需要manifest.json文件
    • 清单文件需要启动url
    • 需要144*144像素的png图标
    • 网站必须使用https运行的Service Worker
    • 用户需要至少访问过网站两次,并且两次访问间隔在5min之上
  • 相关阅读:
    LeetCode15 3Sum
    LeetCode10 Regular Expression Matching
    LeetCode20 Valid Parentheses
    LeetCode21 Merge Two Sorted Lists
    LeetCode13 Roman to Integer
    LeetCode12 Integer to Roman
    LeetCode11 Container With Most Water
    LeetCode19 Remove Nth Node From End of List
    LeetCode14 Longest Common Prefix
    LeetCode9 Palindrome Number
  • 原文地址:https://www.cnblogs.com/SLchuck/p/10263441.html
Copyright © 2011-2022 走看看