Πώς να ελέγξετε τη συμβατότητα του προγράμματος περιήγησης μέσω γραμμών εντολών

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

Το CanIUse παρακολουθεί την υιοθέτηση του πρότυπου κώδικα HTML, CSS και SVG μαζί με τις αναφορές τους, την κατάσταση των προδιαγραφών από το W3C και συνδέσμους για τα προβλήματα και τα σφάλματα που παρουσιάζονται σε κάθε πρόγραμμα περιήγησης (όταν είναι διαθέσιμο). Για παράδειγμα, μπορούμε να δούμε παρακάτω ότι το Edge, το Firefox και το Opera Mini δεν υποστηρίζουν το CSS Reflection και στα προγράμματα περιήγησης που υποστηρίζονται, απαιτείται το πρόθεμα του πωλητή.

Το CanIUse είναι το στην πραγματικότητα εργαλείο που καταγράφει πόσο μακριά είναι η συμβατότητα συμβατικών προδιαγραφών ιστού σε προγράμματα περιήγησης για επιτραπέζιους και κινητούς υπολογιστές.

Εκτός από την έκδοση του προγράμματος περιήγησης μέσω του caniuse.com, το CanIUse είναι πλέον διαθέσιμο και ως CLI (Command Line Interface). Μπορούμε επίσης να βγάλουμε το αποτέλεσμα του CanIUse μέσω του Terminal ή της Command Prompt. Αν βρεθήκατε να πατάτε συχνά στο Terminal, το CLI θα εξομαλύνει αποτελεσματικά τη ροή εργασίας σας.

Οι απαιτήσεις

Για να αναπτύξετε τη γραμμή εντολών CanIUse, θα χρειαστεί να εγκαταστήσετε πρώτα το NodeJS και το NPM.

Εάν εκτελείται npm -v ή κόμβος -v επιστρέφει τον αριθμό έκδοσης (όπως φαίνεται παρακάτω) είστε έτοιμοι να αναπτύξετε το CLI. Διαφορετικά, αν επιστρέφει “η εντολή δεν βρέθηκε” σφάλμα, κατεβάστε εδώ το πρόγραμμα εγκατάστασης NodeJS. Το πρόγραμμα εγκατάστασης είναι διαθέσιμο για Windows, OS X και Linux. επιλέξτε το λειτουργικό σύστημα που χρησιμοποιείτε.

Το CLI

Η εγκατάσταση του CanIUse CLI είναι απλά μια γραμμή μακριά. Ανοίξτε το τερματικό ή τη γραμμή εντολών και εκτελέστε την ακόλουθη εντολή.

npm install -g caniuse-cmd

Αυτή η εντολή εγκαθιστά τον CLI παγκοσμίως, ο οποίος θα επιτρέψει την πρόσβαση σε αυτό σε ολόκληρη την τοποθεσία στο λειτουργικό σύστημα. Μόλις εγκατασταθεί, η γραμμή εντολών μπορώ να χρησιμοποιήσω θα πρέπει τώρα να είναι στη διάθεσή σας. Δεν υπάρχει κανένας κανόνας για το πώς να “Ψάξιμο” μέσω του CLI. Απλώς αναζητήστε φυσικά, όπως θα κάνατε στην έκδοση ιστού, π.χ. τρέξιμο “caniuse κουτί σκιά” θα επιστρέψει τις προδιαγραφές σκιάς CSS3 Box-shadow.

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

Βασικά, τα αποτελέσματα του CLI ταιριάζουν με την έκδοση ιστού. Ακόμα κι αν μια αναζήτηση γίνεται με μια ατελής λέξη-κλειδί, για παράδειγμα, soc ή κάλτσα , η αναζήτηση θα έχει ως αποτέλεσμα Δικτυακή υποδοχή στην κορυφή, ακολουθούμενη από σχετικές καταχωρίσεις.

Το CanIUse είναι ένα τέλειο συμπλήρωμα για άλλα εργαλεία που βασίζονται στη γραμμή εντολών, όπως το Gulp, το Grunt και είναι ένα εργαλείο που μπορεί να σας βοηθήσει να τελειοποιήσετε τη δουλειά σας. Τώρα δεν χρειάζεται να αφήσετε ποτέ το Terminal σας για να ελέγξετε τη συμβατότητα του προγράμματος περιήγησης για HTML, CSS και SVG.