Hjemmeside » Webdesign » Slik sjekker du nettleserkompatibilitet via kommandolinjer

    Slik sjekker du nettleserkompatibilitet via kommandolinjer

    Å bygge et nettsted involverer tradisjonelt en rekke teknologier som kan fungere over alle de store nettleserne, noen av dem delvis eller ingen i det hele tatt. Webutviklere i disse dager vil alltid referere til CanIUse for å sjekke om en bestemt funksjon støttes på en nettleser eller en av dens mange versjoner.

    CanIUse holder oversikt over nettleserens adopsjon av standard HTML, CSS og SVG sammen med referanser, spesifikasjonsstatus fra W3C, og koblinger til problemene og feilene som presenteres i hver nettleser (når tilgjengelig). For eksempel kan vi se under at Edge, Firefox og Opera Mini ikke støtter CSS Refleksjon, og i nettlesere som den støttes i, er leverandørens prefiks kreves.

    CanIUse er de facto verktøy som registrerer hvor langt standard webspesifikasjonskompatibilitet i desktop og mobile nettlesere.

    Bortsett fra nettleserversjonen via caniuse.com, er CanIUse nå også tilgjengelig som et CLI (Command Line Interface). Vi er også i stand til å trekke ut CaniUse-resultatet via Terminal eller Command Prompt. Hvis du fant deg selv snubler mens du er på Terminal ofte, vil CLI effektivt strømlinjeforme arbeidsflyten din.

    Kravene

    For å distribuere CanIUse kommandolinjen, trenger du først NodeJS og NPM installert.

    Hvis du kjører npm -v eller node -v returnerer versionsnummeret (som vist nedenfor) du er klar til å distribuere CLI. Ellers, hvis den returnerer “kommando ikke funnet” feil, last ned NodeJS installer her. Installasjonsprogrammet er tilgjengelig for Windows, OS X og Linux; velg operativsystemet du bruker.

    CLI

    Installasjon av CanIse CLI er bare en linje unna. Åpne Terminal eller Kommandoprompt og kjør følgende kommando.

    npm installere -g caniuse-cmd

    Denne kommandoen installerer CLI globalt som vil tillate at den er tilgjengelig over hele lokasjonen i operativsystemet. En gang installert, kommandolinjen kan jeg bruke bør nå være tilgjengelig til din disposisjon. Det er ingen regel om hvordan å “Søke” via CLI. Bare søk naturlig som du ville i webversjonen, f.eks. løping “caniuse boks skygge” vil returnere CSS3 Box-shadow spesifikasjonen.

    Legg merke til at vi ikke trenger å unnslippe plassen for søkeordet, som vi tradisjonelt måtte gjøre.

    I utgangspunktet samsvarer CLI-resultatene med webversjonen. Selv om et søk er gjort med et ufullstendig søkeord, for eksempel, soc eller sokk , søket vil resultere med Nettuttak øverst, etterfulgt av relevante oppføringer.

    CanIUse er et perfekt komplement for andre kommandolinjebaserte verktøy som Gulp, Grunt, og er et allsidig, praktisk verktøy som kan øke arbeidsflyten din til slutt. Nå trenger du ikke å forlate Terminal noensinne for å se etter nettleserkompatibilitet for HTML, CSS og SVG.