Homepage » Web design » Come verificare la compatibilità del browser tramite righe di comando

    Come verificare la compatibilità del browser tramite righe di comando

    La costruzione di un sito Web implica tradizionalmente una varietà di tecnologie che possono funzionare su tutti i principali browser, alcune parzialmente o addirittura nessuna. Gli sviluppatori Web in questi giorni farebbero sempre riferimento a CanIUse per verificare se una determinata funzionalità è supportata su un browser o su una delle sue numerose versioni.

    CanIUse registra l'adozione da parte del browser di standard HTML, CSS e SVG con i relativi riferimenti, lo stato delle specifiche del W3C e i collegamenti ai problemi e ai bug presenti in ogni browser (se disponibile). Ad esempio, possiamo vedere che Edge, Firefox e Opera Mini non supportano CSS Reflection e nei browser in cui è supportato, è richiesto il prefisso del fornitore.

    CanIuse è il di fatto strumento che registra la compatibilità delle specifiche Web standard nei browser desktop e mobili.

    Oltre alla versione del browser tramite caniuse.com, CanIUse è ora disponibile anche come CLI (Command Line Interface). Siamo anche in grado di estrarre la risultante CanIUse tramite Terminale o Prompt dei comandi. Se ti capita di imbatterti spesso in Terminale, la CLI semplificherebbe efficacemente il tuo flusso di lavoro.

    I requisiti

    Per distribuire la riga di comando CanIUse, è necessario prima installare NodeJS e NPM.

    Se in esecuzione npm -v o nodo -v restituisce il numero di versione (come mostrato di seguito) sei pronto per distribuire la CLI. Altrimenti, se restituisce il “comando non trovato” errore, scarica qui il programma di installazione di NodeJS. Il programma di installazione è disponibile per Windows, OS X e Linux; seleziona il sistema operativo che stai utilizzando.

    La CLI

    L'installazione di CanIUse CLI è a portata di mano. Apri Terminale o Prompt dei comandi ed esegui il seguente comando.

    npm install -g caniuse-cmd

    Questo comando installa CLI globalmente che consentirà di essere accessibile in tutto il percorso nel sistema operativo. Una volta installato, la riga di comando posso usare ora dovrebbe essere disponibile a vostra disposizione. Non c'è una regola su come “ricerca” via CLI. Cerca semplicemente come faresti nella versione web, ad es. in esecuzione “ombra scatola dei cani” restituirà la specifica CSS3 Box-shadow.

    Si noti che non è necessario sfuggire allo spazio per la query con la parola chiave, che normalmente dovremmo fare.

    Fondamentalmente, i risultati della CLI corrispondono alla versione web. Ad esempio, se una ricerca viene eseguita con una parola chiave incompleta, soc o calzino , la ricerca avrà come risultato Presa Web in alto, seguito da voci pertinenti.

    CanIUse è un complemento perfetto per altri strumenti basati sulla riga di comando come Gulp, Grunt ed è uno strumento utile a tutto tondo che potrebbe aumentare il tuo flusso di lavoro alla fine. Ora non devi lasciare mai il tuo terminale per verificare la compatibilità del browser per HTML, CSS e SVG.