Το αρχείο δήλωσης της PWA (Progressive Web App) σας υποστηρίζει πολλά πεδία για τον εμπλουτισμό της εφαρμογής Ιστού σας, αλλά ξέρατε ότι μπορείτε επίσης να συμπεριλάβετε στιγμιότυπα οθόνης, ακόμη και για διαφορετικές κατηγορίες μεγέθους;
Προεπισκόπηση στιγμιότυπων οθόνης για εγκατάσταση
Μπορείτε να προσθέσετε ένα κλειδί "στιγμιότυπα οθόνης" στο αρχείο μανιφέστου σας και να το συμπληρώσετε με ακριβείς απεικονίσεις της εφαρμογής σας, έτσι ώστε οι χρήστες να μπορούν γρήγορα να κατανοήσουν πώς φαίνεται η εφαρμογή.
Αυτά τα στιγμιότυπα οθόνης θα εμφανίζονται στη συνέχεια από τα υποστηριζόμενα προγράμματα περιήγησης όταν ένας χρήστης θέλει να εγκαταστήσει το PWA σας. Αυτό σημαίνει ότι θα είναι ορατά μόνο στο παράθυρο προτροπής εγκατάστασης και όχι στην πραγματική σας εφαρμογή.
Συμβατότητα
Από τη στιγμή που γράφτηκε, η λειτουργία στιγμιότυπων οθόνης υποστηρίζεται μόνο από ένα υποσύνολο προγραμμάτων περιήγησης, ειδικά από αυτά που βασίζονται στο Chromium (όπως το Chrome ή το Microsoft Edge).
Μπορείτε να επαληθεύσετε ότι τα στιγμιότυπα οθόνης σας εντοπίζονται σωστά ανοίγοντας τα DevTools στο Chrome και επιθεωρώντας την καρτέλα Εφαρμογή.
Διαθέσιμα πεδία
Εκτός από τον πόρο εικόνας και μια ετικέτα για την περιγραφή του στιγμιότυπου οθόνης, μπορείτε επίσης να ορίσετε έναν παράγοντα φόρμας και να καθορίσετε το μέγεθος κάθε εικόνας. Αυτό βοηθά τα προγράμματα περιήγησης να εμφανίζουν τα σχετικά στιγμιότυπα οθόνης για τον τρέχοντα χρήστη.
Μπορείτε επίσης να προσθέσετε ένα πεδίο "πλατφόρμα" για να καθορίσετε το σχετικό περιβάλλον του στιγμιότυπου οθόνης, για παράδειγμα, εάν έχει ληφθεί για ένα iPad ή το Chrome Web Store.
Αυτό μπορεί να είναι χρήσιμο, καθώς ορισμένα εργαλεία που δημιουργούν μια εγγενή εφαρμογή από το PWA σας μπορούν να συμπεράνουν απευθείας τα σωστά στιγμιότυπα οθόνης με αυτόν τον τρόπο.
Πρακτικό παράδειγμα
Ένα πραγματικό PWA όπου εφάρμοσα τη λειτουργία στιγμιότυπων οθόνης είναι το CRAN/E. Μπορείτε να επισκεφτείτε τον ιστότοπο στη συσκευή σας Android με το Chrome και να κάνετε κλικ στο κουμπί λήψης στην επάνω δεξιά γωνία.
Στην ακόλουθη ερώτηση εγκατάστασης, τα στιγμιότυπα οθόνης της εφαρμογής Ιστού θα πρέπει να είναι ορατά.
