一個(gè)很簡(jiǎn)單的demo程序，上傳在github上面，通過github pages來做https訪問，可是在手機(jī)上面測(cè)試，清單文件不起效，用的是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;});})); }); 復(fù)制代碼

轉(zhuǎn)載于:https://juejin.im/post/5b9084246fb9a05d1d2de7b6

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的pwa程序，清单文件测试有效，为什么不起效果？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。