Sådan kontrolleres browserkompatibilitet via kommandolinjer
At opbygge en hjemmeside involverer traditionelt en række teknologier, som kan fungere på tværs af alle større browsere, nogle af dem delvist eller slet ingen. Webudviklere vil i disse dage altid henvise til CanIUse for at kontrollere, om en bestemt funktion understøttes af en browser eller en af dens mange versioner.
CanIUse holder styr på browserens vedtagelse af standard HTML, CSS og SVG sammen med deres referencer, specifikationsstatus fra W3C og links til de problemer og fejl, der findes i hver browser (når de er tilgængelige). For eksempel kan vi se nedenfor, at Edge, Firefox og Opera Mini ikke understøtter CSS Reflection, og i browsere, som den understøttes i, er leverandørpræfikset påkrævet.
CaniUse er de facto værktøj, der registrerer, hvor langt standardwebspecifikationerne er kompatible i desktop og mobile browsere.
Bortset fra browser versionen via caniuse.com, er CanIUse nu også tilgængelig som et CLI (Command Line Interface). Vi kan også trække CanIUse-resultatet ud via Terminal eller Command Prompt. Hvis du har fundet dig selv snuble, mens du er på Terminal ofte, vil CLI effektivt effektivisere din arbejdsgang.
Kravene
For at installere CanIUse kommandolinjen skal du først have NodeJS og NPM installeret.
Hvis du kører npm -v
eller node -v
returnerer versionsnummeret (som vist nedenfor) du er klar til at implementere CLI. Ellers, hvis den returnerer “Kommando ikke fundet” fejl, download NodeJS installer her. Installatøren er tilgængelig til Windows, OS X og Linux; vælg det operativsystem du bruger.
CLI
Installation af CanIse CLI er kun en linje væk. Åbn Terminal eller Kommandoprompt og Kør følgende kommando.
npm installer -g caniuse-cmd
Denne kommando installerer CLI globalt, som gør det muligt at få adgang til hele placeringen i operativsystemet. Når først installeret, kommandolinjen kan jeg bruge
bør nu være til rådighed til din rådighed. Der er ingen regel om hvordan man skal “Søg” via CLI. Søg simpelthen som du ville i webversionen, f.eks. løb “caniuse box skygge” vil returnere CSS3 Box-shadow specifikationen.
Bemærk, at vi ikke behøver at undslippe pladsen til søgeordsspørgsmålet, som vi traditionelt skulle gøre.
I grund og grund svarer CLI-resultaterne til webversionen. Selv hvis en søgning er udført med et ufuldstændigt søgeord, for eksempel, soc
eller sok
, søgningen vil resultere med Webstikket øverst efterfulgt af relevante poster.
CanIUse er et perfekt komplement til andre kommandolinjebaserede værktøjer som Gulp, Grunt, og er et allround handy værktøj, der kan øge din arbejdsgang til sidst. Nu er du ikke nødt til at forlade din terminal nogensinde for at kontrollere browserens kompatibilitet til HTML, CSS og SVG.