Τι είναι το Web API;

Το Web API (ή Browser API) είναι μια συλλογή διεπαφών ενσωματωμένων στα σύγχρονα περιηγητή ιστού που επιτρέπουν στη JavaScript να αλληλεπιδρά με χαρακτηριστικά του περιηγητή, υλικό και το λειτουργικό σύστημα. Τα παραδείγματα περιλαμβάνουν το Fetch API για αιτήματα δικτύου, το Geolocation API για συντεταγμένες GPS, WebGL για τρισδιάστατα γραφικά, το Clipboard API για αντιγραφή/επικόλληση και εκατοντάδες άλλα. Κάθε API ορίζεται από σώματα ιστοστανδάρτων όπως το W3C και WHATWG, και οι κατασκευαστές περιηγητών τα υλοποιούν με δικό τους ρυθμό.

Επειδή η υποστήριξη του περιηγητή ποικίλλει σημαντικά — ορισμένα API υποστηρίζονται καθολικά, άλλα είναι πειραματικά ή ειδικά για κατασκευαστή — οι προγραμματιστές συχνά χρειάζεται να ελέγξουν ποια API είναι πραγματικά διαθέσιμα σε έναν δεδομένο περιηγητή πριν τα χρησιμοποιήσουν. Η ανίχνευση χαρακτηριστικών (έλεγχος αν ένα API υπάρχει στο window πριν το καλέσετε) είναι η τυπική προσέγγιση.

Περιγραφή εργαλείου

Αυτό το εργαλείο δοκιμάζει ποια Web API είναι διαθέσιμα στον τρέχοντα περιηγητή σας σε πραγματικό χρόνο. Συνδυάζει ζωντανή ανίχνευση περιηγητή με δεδομένα συμβατότητας περιηγητή από το MDN για να σας δώσει μια ολοκληρωμένη άποψη των API που υποστηρίζονται, σε ποια έκδοση έγιναν διαθέσιμα και αν κάποια είναι ακόμα πειραματικά.

Χαρακτηριστικά

  • Ζωντανή ανίχνευση: Δοκιμάζει κάθε API έναντι του αντικειμένου window του πραγματικού περιηγητή σας και αναφέρει την κατάσταση υποστήριξης, μη υποστήριξης ή άγνωστης κατάστασης αμέσως
  • Δεδομένα συμβατότητας MDN: Εμφανίζει την ελάχιστη έκδοση του Chrome, Firefox, Safari και Edge που υποστηρίζει κάθε API, προερχόμενη από το επίσημο πακέτο @mdn/browser-compat-data
  • Σήμανση πειραματικού API: Σημειώνει σαφώς τα API που είναι ακόμα πειραματικά ή πίσω από σημαίες χαρακτηριστικών
  • Δοκιμαστής προσαρμοσμένης έκφρασης: Εισάγετε οποιαδήποτε έκφραση JavaScript για να την αξιολογήσετε ζωντανά στον περιηγητή σας και δείτε το αποτέλεσμα ή το σφάλμα
  • Φιλτράρισμα και αναζήτηση: Φιλτράρετε κατά κατάσταση υποστήριξης (υποστηριζόμενο/μη υποστηριζόμενο/άγνωστο) και αναζητήστε κατά όνομα API για να βρείτε γρήγορα αυτό που χρειάζεστε

Πώς λειτουργεί

Το εργαλείο φορτώνει μια λίστα καταχωρήσεων Web API από το πακέτο MDN Browser Compat Data κατά τη δημιουργία. Όταν ανοίξετε τη σελίδα, αξιολογεί κάθε όνομα API ως ιδιότητα του παγκόσμιου αντικειμένου window — αν η ιδιότητα υπάρχει και δεν είναι null, το API σημειώνεται ως υποστηριζόμενο. Τα δεδομένα έκδοσης MDN προ-φορτώνονται και εμφανίζονται παράλληλα με το αποτέλεσμα ζωντανής ανίχνευσης.

Συμβουλές

  • Χρησιμοποιήστε το φίλτρο κατάστασης για να εμφανίσετε μόνο τα API που υποστηρίζονται στον περιηγητή σας — χρήσιμο για τον έλεγχο του τι είναι διαθέσιμο πριν γράψετε κώδικα.
  • Χρησιμοποιήστε το πεδίο προσαρμοσμένης έκφρασης για να δοκιμάσετε πιο σύνθετους ελέγχους χαρακτηριστικών, όπως typeof navigator.bluetooth !== 'undefined' ή 'serviceWorker' in navigator.
  • Τα πειραματικά API μπορεί να είναι διαθέσιμα σε ορισμένες κατασκευές περιηγητή αλλά όχι σε σταθερές εκδόσεις — πάντα ελέγχετε την τεκμηρίωση MDN πριν βασιστείτε σε αυτά στην παραγωγή.