Сервисный работник, чтобы сделать приложение автономным, в моем приложении есть на iframe, который src пуст и внутри iframe вводит несколько файлов css.Эти GET, чтобы получить CSS, не попадают в вызов fetch работника сервиса.
В основном я сталкиваюсь с этой проблемой, когда использую CK-редактор. Они реализовали iframe и весь CSS-модуль плагина для рендеринга.внутри Iframe эти CSS не кэшируются в CACHE API.поэтому, когда он перешел в автономный режим, редактор CK не работает должным образом
После нескольких чтений это связано с тем, что проблема с работником сервиса я пыталась сделать несколькими способами.Ниже приведен код
<iframe id="sampleIframe" src="./iframe" style="width:300px;height:400px;float: left;"> </iframe>
при загрузке страницы
var link= '<link href="./sample.css" rel="stylesheet" /><h1>Hi</h1>';
var ifrm = document.getElementById('sampleIframe');
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write(link);
ifrm.document.close();
Все работает нормально, но CSS не кэшируется в Cache API.** это псевдокод