Блог

Я создаю автономный установщик PWA с использованием Blob, но когда я делюсь и добавляю на главный экран на IOS, PWA отображается полностью черным. Вот мой код:

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function install(){
   var autodate, enapp, data;

   // Getting current PWA
   $("#autodate").load("https://mysite.github.io/pwa/app1.html");
   autodate = document.getElementById('autodate');

    setTimeout(() => {
        // Encode
        encapp = btoa(autodate.innerHTML);

        // Blob
        blobt('text/html', 'data:text/html;base64,' encapp)
    }, 300);
};

function blobt(type, data){
    const base64data = data;
    const contentType = type;

    const byteCharacters = atob(base64data.substr(`data:${contentType};base64,`.length));
    const byteArrays = [];

    for (let offset = 0; offset < byteCharacters.length; offset  = 1024) {
        const slice = byteCharacters.slice(offset, offset   1024);

        const byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i  ) {
            byteNumbers[i] = slice.charCodeAt(i);
        }

        const byteArray = new Uint8Array(byteNumbers);

        byteArrays.push(byteArray);
    }
    const blob = new Blob(byteArrays, {type: contentType});
    const blobUrl = URL.createObjectURL(blob);

    window.open(blobUrl, '_blank');
}
</script>
  

Я не вижу, что могло бы заставить его не работать. Он отлично выполняет все в браузере, но как только вы устанавливаете его на главный экран, он просто отключается. Я делаю что-то не так? Есть ли решение для этого?

Заранее спасибо.