pwa程序，清单文件测试有效，为什么不起效果？

一个很简单的demo程序，上传在github上面，通过github pages来做https访问，可是在手机上面测试，清单文件不起效，用的是ios chrome 68？

// manifest.json
{"name": "Progressive Times web app","short_name": "Progressive Times","start_url": "./index.html","theme_color": "#FFDF00","background_color": "#58bc58","display": "standalone","icons": [{"src": "./images/homescreen.png","sizes": "192x192","type": "image/png"},{"src": "./images/homescreen-144.png","sizes": "144x144","type": "image/png"}]
}// index.html
<script>if ('serviceWorker' in navigator) {navigator.serviceWorker.register('./sw.js').then(function(registration) {// Registration was successful});}</script>// sw.js
var cacheName = 'latestNews-v1';// Cache our known resources during install
self.addEventListener('install', event => {event.waitUntil(caches.open(cacheName).then(cache => cache.addAll(['./js/main.js','./js/article.js','./images/newspaper.svg','./css/site.css','./data/latest.json','./data/data-1.json','./article.html','./index.html'])));
});self.addEventListener('fetch', function(event) {event.respondWith(caches.match(event.request, { ignoreSearch: true }).then(function(response) {if (response) {return response;}var fetchRequest = event.request.clone();return fetch(fetchRequest).then(function(response) {if(!response || response.status !== 200) {return response;}var responseToCache = response.clone();caches.open(cacheName).then(function(cache) {cache.put(event.request, responseToCache);});return response;});}));
});
复制代码

转载于:https://juejin.im/post/5b9084246fb9a05d1d2de7b6

pwa程序，清单文件测试有效，为什么不起效果？相关推荐

程序清单3-1 测试能否对标准输入设置偏移量
/*============================================================================Name : test.cAuthor : ...
android 清单文件注册,在AndroidManifest（清单文件）中注册activity（活动）及配置主活动、更改App图标、App名称、修改隐藏标题栏...
打开app/src/main/AndroidManifest. package="com.example.administrator.myapplication" > and ...
Android AndroidManifest 清单文件以及权限详解
原文转自 http://my.oschina.net/yuanxulong/blog/366753 感谢作者搬到自己博客方便查看. 每个Android应用都需要一个名为AndroidManifest ...
VS2008遇到的error R6034，程序清单问题
今天在更新了代码之后,编译完成调试运行时突然弹出了一个debug error,R6034, 代码是没有问题,但是由于之前请假离职了一个半月,所以这次回来从SVN上更新代码后就出现了这个问题,在跟同时认 ...
Android清单文件详解(三)----应用程序的根节点application
<application>节点是AndroidManifest.xml文件中必须持有的一个节点,它包含在<manifest>节点下.通过<application>节 ...
Java黑皮书课后题第6章：6.10（使用isPrime方法）程序清单6-7提供了测试某个数字是否是素数的方法isPrime(int number)。使用这个方法求小于10000的素数的个数
6.10(使用isPrime方法)程序清单6-7提供了测试某个数字是否是素数的方法isPrime(int number).使用这个方法求小于10000的素数的个数题目题目描述程序清单6-7代码 ...
Java黑皮书课后题第5章：5.2（重复加法）程序清单5-4产生了5个随机减法问题。改写该程序，使它产生10个随机加法问题，加数时两个1到15之间的整数。显示正确答案的个数和完成测试的时间
5.2(重复加法)程序清单5-4产生了5个随机减法问题.改写该程序,使它产生10个随机加法问题,加数时两个1到15之间的整数.显示正确答案的个数和完成测试的时间题目题目概述程序清单5-4 破题 ...
Java黑皮书课后题第3章：3.10（游戏：加法测试）程序清单3-3随机产生一个减法问题。修改这个程序，随机产生一个计算两个小于100的整数的加法问题
3.10(游戏:加法测试)程序清单3-3随机产生一个减法问题.修改这个程序,随机产生一个计算两个小于100的整数的加法问题题目题目概述参考:程序清单3-3 代码题目题目概述 3.10(游戏: ...
Chrome打包扩展程序错误，清单文件缺失或不可读
亲测可行喔! 最近朋友需要安装一个chrome插件,但他没方法下载得到,他知道我什么都有,就在我要,em... 导出: 我理所当然地进入拓展程序,打开开发者模式,选打包扩展程序 ,然后报错:清单文 ...

pwa程序，清单文件测试有效，为什么不起效果？

pwa程序，清单文件测试有效，为什么不起效果？相关推荐

最新文章

热门文章