标签：src sizes image manifest images type png

  manifest 使用步骤   1 新建一个 manifest.json 文件   2 在 index.html 引入  manifest.json 文件   3 在 manifest.json 文件中提供常见的配置   4 需要在 https 协议或者 http://localhost 下访问项目
 <link rel="manifest" href="manifest.json">
 配置地址:  https://developer.mozilla.org/zh-CN/docs/Web/Manifest
 name: 应用的名称，启动画面的文字  short_name: 短名称  start_url: 启动页加载的URL，可以是绝对路径和相对路径 => 'index.html'  icons: 应用图标 144*144     "icons": [{         "src": "images/touch/homescreen48.png",         "sizes": "48x48",         "type": "image/png"     }, {         "src": "images/touch/homescreen72.png",         "sizes": "72x72",         "type": "image/png"     }, {         "src": "images/touch/homescreen96.png",         "sizes": "96x96",         "type": "image/png"     }, {         "src": "images/touch/homescreen144.png",         "sizes": "144x144",         "type": "image/png"     }, {         "src": "images/touch/homescreen168.png",         "sizes": "168x168",         "type": "image/png"     }, {         "src": "images/touch/homescreen192.png",         "sizes": "192x192",         "type": "image/png"     }], background_color: 应用的背景色 theme_color:  主题颜色 display: 指定显示模式          fullscreen 全屏显示 没有导航头部          standalone 让这个应用看起来更像是一个独立的应用程序, 推荐配置这个          minimal-ui  浏览器会显示地址栏
-------------------   {     "name":"豆瓣APP-PWA",     "short_name": "豆瓣APP",     "start_url":"/index.html",     "icons":[         {             "src": "images/1.png",             "sizes": "144x144",             "type": "image/png"         }     ],     "background_color":"skyblue",     "theme_color":"yellow",     "dislplay": "standalone" }

标签：src,sizes,image,manifest,images,type,png
来源： https://www.cnblogs.com/eric-share/p/15868005.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。