Zapis za pomocą biblioteki FileSaver.js na telefonach

pytanie zadane 12 lipca 2021 w JavaScript przez piter11251 Obywatel (1,280 p.)
zamknięte 13 lipca 2021 przez ScriptyChris

Cześć,

wykonałem skrypt który zapisuje kontakty w pliku .vcf i tworzy on ten plik i wszystko gra, natomiast jak wrzucilem na telefon z androidem(na ios nie testowałem), to skrypt nie pobiera pliku .vcf na pamiec tylko wlasciwie przycisk który uruchamia cały skrypt w ogóle nie reaguje

HTML:

<button onclick="createElements()">Generuj plik z kontaktami</button>

JS:

var generate = vCardArrayGenerator(firstName, lastName, nrArray, stanowiskoArray, mobArray, numberOfElements);
var blob = new Blob(generate, {type: "text/plain;charset=utf-8"});
saveAs(blob, "kontakty.vcf");

duplikat pytania: Biblioteka FileSaver.js nie jest wykrywana na telefonach

komentarz 12 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Spróbuj namierzyć, czy kod rzuca błędem na telefonie: owiń tą funkcję w try..catch i użyj alert, albo skorzystaj z remote debugging i wtedy powinieneś móc nawet użyć breakpointa na wyjątku. W jaki sposób to uruchamiasz - normalnie jako strona, czy jakoś inaczej?

komentarz 12 lipca 2021 przez adrian17 Ekspert (344,860 p.)

A co mówi konsola chrome'a w devtoolsach?

edit: ups, zostałem uprzedzony :)

komentarz 12 lipca 2021 przez piter11251 Obywatel (1,280 p.)

@ScriptyChris, uruchamiam jako stronę normalnie

komentarz 12 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Ok, a sprawdziłeś czy ten kod nie rzuca błędami? Jakiej przeglądarki używasz w telefonie?

komentarz 12 lipca 2021 przez piter11251 Obywatel (1,280 p.)

Nie sprawdziłem tego jeszcze, spróbuje za pomocą tego remote debug bo nie rozumiem za bardzo jak zrobic za pomocą try..catch, a przegladarka to chrome

komentarz 12 lipca 2021 przez piter11251 Obywatel (1,280 p.)

GET content://com.mi.android.globalFileexplorer.myprovider/external_files/Download/skrypt/FileSaver.js net::ERR_FILE_NOT_FOUND
Natomiast ja umieściłem plik FileSaver.js w jednym folderze z index.html

komentarz 12 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

nie rozumiem za bardzo jak zrobic za pomocą try..catch

Owijasz całe wnętrz funkcji createElements w try..catch

function createElements() {
  try {
      
      // tutaj cały kod funkcji
      
  } catch (error) {
      alert(error); // <-- jeśli error będzie długi, to możesz wrzucić go w DOM
  }
}

net::ERR_FILE_NOT_FOUND

To może być wina błędnej ścieżki: "kontakty.vcf".

komentarz 12 lipca 2021 przez piter11251 Obywatel (1,280 p.)

ReferenceError: saveAs is not defined

Tak jakby nie potrafił odczytać FileSaver'a

komentarz 12 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Nom, a w jaki sposób podpinasz tę bibliotekę do strony? I pisałeś, że poza telefonem Ci działa - to był zwykły PC?

komentarz 12 lipca 2021 przez piter11251 Obywatel (1,280 p.)

Przed skryptem właściwym wpisuje

<script src="FileSaver.js"></script>

I na zwykłym PC to działa

komentarz 13 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Jaki URL (adres) używasz do wejścia na stronę przez PC, a jaki przez telefon?

1	komentarz 13 lipca 2021 przez piter11251 Obywatel (1,280 p.) edycja 13 lipca 2021 przez piter11251 pc: file:/C:/Users/admin/Desktop/skrypt/index.html tel: content://com.mi.android.globalFileexplorer.myprovider/external_files/Download/skrypt/index.html

komentarz 13 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)
edycja 13 lipca 2021 przez ScriptyChris

Czyli uruchamiasz stronę bezpośrednio z pamięci urządzenia zamiast z serwera.

Czy na telefonie w folderze content://com.mi.android.globalFileexplorer.myprovider/external_files/Download/skrypt/ jest plik FileSaver.js? Jeśli jest, to czy możesz pokazać screen z tego folderu?

I co to za protokół content? Dlaczego spójnie nie uzywasz file, jak na PC?

[edycja]