Πώς επιτρέπει ο πλοηγός να βελτιώνει προοδευτικά τις εφαρμογές ιστού σας

Τι είναι ο «πλοηγός» στις εφαρμογές ιστού;

Εάν υποστηρίζεται, το καθολικό αντικείμενο "παραθύρου" στην εφαρμογή ιστού σας παρέχει πρόσβαση στο αντικείμενο "πλοηγός". Ο "πλοηγός" περιέχει δυνητικά πολλές πληροφορίες σχετικά με την εφαρμογή και μπορεί να σας δώσει πρόσβαση σε ορισμένα συμβάντα για εγγραφή. Σας βοηθά να γράψετε πραγματικά σύγχρονες εφαρμογές ιστού που μπορεί να μοιάζουν σχεδόν μητρικές.

Ένα παράδειγμα του "πλοηγού" συνδέεται άμεσα με τον παράγοντα χρήστη, ο οποίος είναι η εφαρμογή που εκτελεί την εφαρμογή ιστού σας - το πρόγραμμα περιήγησης.

Πώς ο «πλοηγός» μπορεί να βελτιώσει προοδευτικά την εφαρμογή σας

"Σταδιακά βελτιώνοντας" σημαίνει ότι ο "πλοηγός" προσφέρει ένα ορισμένο σύνολο δυνατοτήτων με βάση το πρόγραμμα περιήγησης που φιλοξενεί την εφαρμογή. Για παράδειγμα, το Chrome του Google είχε πάντα τις περισσότερες δυνατότητες, ακόμη και ασταθείς, καθώς η Google σπρώχνει συνεχώς τα όρια των προοδευτικών εφαρμογών ιστού.

Όπως θα δείτε σε όλα τα παραδείγματα στην τεκμηρίωση του MDN, πρέπει να βεβαιωθείτε ότι η μεταβλητή ή η συνάρτηση στην οποία θέλετε να έχετε πρόσβαση είναι πράγματι διαθέσιμη στον "πλοηγό".

// Just a simple example of how
// to check for availability 
// of features.


function checkNetwork(){
  if("connection" in navigator){
    // Now it's safe to use 'navigator.connection'.
    // 👉 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
  }
  
  // Alternative if you're using:
  // 'navigator?.connection'
}

Ορισμένες πληροφορίες που σας δίνει ο «πλοηγός» στην εφαρμογή σας:

αριθμό πυρήνων CPU
λεπτομερείς πληροφορίες δικτύου
κατάσταση μπαταρίας της συσκευής που εκτελεί την εφαρμογή σας, για παράδειγμα το tablet ή το smartphone
ανάγνωση και παρακολούθηση της τρέχουσας γεωγραφικής θέσης
χρησιμοποιώντας το εγγενές μενού του κεντρικού υπολογιστή για κοινή χρήση περιεχομένου
τον έλεγχο της συνεδρίας πολυμέσων

Μπορείτε πραγματικά να δείτε μερικές από αυτές τις λειτουργίες ζωντανά και σε δράση σε αυτό ακριβώς το PWA. Απλώς μετακινηθείτε προς τα κάτω στο τέλος οποιασδήποτε σελίδας, όπου μπορείτε να δείτε μερικές από τις διαθέσιμες υλοποιήσεις μετρήσεων υλικού, για παράδειγμα τον αριθμό των πυρήνων CPU.

Συνεργασία με τον "πλοηγό"

Αυτό το άρθρο στοχεύει μόνο να σας δώσει μια πολύ σύντομη εισαγωγή στις δυνατότητες που προσφέρει ο «πλοηγός» για προοδευτικές εφαρμογές ιστού. Το MDN έχει μια μεγάλη σελίδα επισκόπησης καθώς και τεκμηρίωση για κάθε μία από τις διαθέσιμες δυνατότητες.

Για το Chrome της Google, υπάρχει επίσης το "Project Fugu", το οποίο υλοποιεί πειραματικές νέες δυνατότητες, διαθέσιμες μόνο πίσω από μια σημαία χαρακτηριστικών στα προγράμματα περιήγησης Chromium.

Τι είναι ο «πλοηγός» στις προοδευτικές εφαρμογές ιστού;