Επικύρωση δήλωσης εφαρμογών Ιστού
Επικυρώστε ένα PWA manifest.json σε σχέση με τις προδιαγραφές του Μανιφέστου Web App και κάντε προεπισκόπηση εικονιδίων με δυνατότητα κάλυψης έναντι της ασφαλούς ζώνης προσαρμοστικού εικονιδίου του Android.
Αποτέλεσμα
Μια προοδευτική εφαρμογή Ιστού εγκαθίσταται καθαρά μόνο όταν το manifest.json της ικανοποιεί τα πεδία για τα οποία πραγματικά ελέγχουν τα προγράμματα περιήγησης και τα καταστήματα εφαρμογών. Αυτό το εργαλείο επικύρωσης αναλύει το ανεβασμένο μανιφέστο σας και περιηγείται στο πεδίο προδιαγραφών του Μανιφέστου Web App του W3C: επισημαίνει ένα όνομα και short_name που λείπει, έναν άδειο ή εσφαλμένο πίνακα εικονιδίων, τα εικονίδια που λείπουν src, μεγέθη ή τύπο, ένα μη αναλύσιμο start_url, μια μη αναγνωρισμένη τιμή εμφάνισης και τα χρώματα theme_color ή C validstrSS ή χρώματα φόντου_. Κάθε εύρημα εμφανίζεται ως μια απλή αγγλική πρόταση — όχι ως ακατέργαστη αναφορά προδιαγραφών — ώστε να γνωρίζετε ακριβώς τι πρέπει να διορθώσετε και γιατί έχει σημασία για τη δυνατότητα εγκατάστασης.
Το χαρακτηριστικό killer είναι η προεπισκόπηση ασφαλούς ζώνης με εικονίδιο με δυνατότητα κάλυψης. Τα προσαρμοστικά εικονίδια του Android εφαρμόζουν ένα σχήμα μάσκας που έχει επιλεγεί από το λειτουργικό σύστημα — κύκλος, σκίουρος, δάκρυ και άλλα — σε οποιοδήποτε εικονίδιο με την ένδειξη "σκοπός": "μασκάρισμα". Οτιδήποτε έξω από έναν κεντρικό κύκλο που καλύπτει το 40% της θύρας προβολής του εικονιδίου μπορεί να αποκοπεί ανάλογα με τη μάσκα που εφαρμόζει η συσκευή. Ανεβάστε τα αρχεία εικόνας εικονιδίων που αναφέρονται από το μανιφέστο σας μαζί με το manifest.json και αυτό το εργαλείο τα ταιριάζει με το όνομα αρχείου, σχεδιάζει κάθε εικονίδιο με δυνατότητα κάλυψης σε καμβά στο δηλωμένο μέγεθός του και επικαλύπτει αυτόν τον ακριβή κύκλο ασφαλούς ζώνης, ώστε να μπορείτε να δείτε με τα μάτια σας εάν το έργο τέχνης σας επιβιώνει από την περικοπή.
Το σήμα επιτυχίας/αποτυχίας κάτω από κάθε προεπισκόπηση δεν είναι ένα στοιχείο λίστας ελέγχου καλλυντικών — προέρχεται από πραγματική ανάλυση ανά pixel των δεδομένων αποκωδικοποιημένης εικόνας. Το εργαλείο μετρά πόσο περιεχόμενο εκτός φόντου βρίσκεται εκτός του κύκλου της ασφαλούς ζώνης (περιεχόμενο που θα κόψει μια μάσκα) και πόσο από το εικονίδιο είναι διαφανές (τα εικονίδια με δυνατότητα κάλυψης θα πρέπει να έχουν αδιαφανές φόντο, καθώς η διαφάνεια επιτρέπει στο χρώμα της μάσκας να εμφανίζεται μέσα). Και οι δύο έλεγχοι εκτελούνται με το πραγματικό bitmap που ανεβάσατε, επομένως το αποτέλεσμα αντικατοπτρίζει το πραγματικό αρχείο εικονιδίων σας, όχι μια εικασία.
Όλα συμβαίνουν τοπικά στο πρόγραμμα περιήγησής σας: το manifest.json διαβάζεται με το File API, τα εικονίδια αποκωδικοποιούνται με το createImageBitmap ή ένα FileReader/Image εναλλακτικό και τα pixel αναλύονται σε έναν καμβά στη μνήμη. Δεν μεταφορτώνεται τίποτα σε διακομιστή, κάτι που έχει σημασία αν το μανιφέστο σας αναφέρεται σε ένα όνομα εφαρμογής που δεν είναι ακόμη δημόσιο, εσωτερικές διαδρομές start_url ή εικονίδια υπό ανάπτυξη.