Как я могу использовать CacheStorage в небезопасных https

Question

Когда я пытаюсь использовать CacheStorage для кэширования файла в небезопасных https. Похоже, есть какая-то проблема. рис инструмента разработки

И когда я переключаю безопасный HTTPS, все работает нормально. рис инструмента разработки

(Я использую Fiddler, чтобы сделать небезопасные https для безопасности.)

вот мой код // кеш

var VERSION = 'v1';

self.addEventListener('install', function (event) {
    event.waitUntil(
        caches.open(VERSION).then(function (cache) {
            return cache.addAll([
                '/app.js'
            ]);
        })
    );
});

self.addEventListener('activate', function (event) {
    event.waitUntil(
        caches.keys().then(function (cacheNames) {
            return Promise.all(
                cacheNames.map(function (cacheName) {
                    if (cacheName !== VERSION) {
                        return caches.delete(cacheName);
                    }
                })
            );
        })
    );
});

self.addEventListener('fetch', function (event) {
    event.respondWith(caches.match(event.request).catch(function () {
        return fetch(event.request);
    }).then(function (response) {
        caches.open(VERSION).then(function (cache) {
            cache.put(event.request, response);
        });
        return response.clone();
    }).catch(function () {
        return caches.match('./app.js');
    }));
});