Startpagina » Webontwerp » Hoe browsercompatibiliteit te controleren via commandolijnen

    Hoe browsercompatibiliteit te controleren via commandolijnen

    Het bouwen van een website omvat traditioneel een verscheidenheid aan technologieën die in alle belangrijke browsers kunnen werken, sommige gedeeltelijk of helemaal niet. Webontwikkelaars zouden tegenwoordig altijd naar CanIUse verwijzen om te controleren of een bepaalde functie wordt ondersteund door een browser of een van de vele versies.

    CanIUse houdt de browseraanvaarding bij van standaard HTML, CSS en SVG samen met hun referenties, de specificatiestatus van W3C en koppelingen naar de problemen en fouten in elke browser (indien beschikbaar). We kunnen hieronder bijvoorbeeld zien dat Edge, Firefox en Opera Mini CSS Reflection niet ondersteunen en in browsers waarin het wordt ondersteund, is het prefix van de leverancier vereist.

    CanIUse is het de facto tool die registreert hoe ver de standaard compatibiliteit van webspecificaties in desktop- en mobiele browsers is.

    Naast de browserversie via caniuse.com is CanIUse nu ook beschikbaar als een CLI (Command Line Interface). We kunnen ook de CanIUse-resultaten ophalen via Terminal of Command Prompt. Als u merkt dat u vaak op Terminal blijft struikelen, zou de CLI uw workflow effectief stroomlijnen.

    De vereisten

    Om de CanIUse-opdrachtregel te implementeren, hebt u eerst NodeJS en NPM geïnstalleerd.

    Als u hardloopt npm -v of knooppunt -v retourneert het versienummer (zoals hieronder weergegeven) u bent klaar om de CLI te implementeren. Anders, als het de “opdracht niet gevonden” fout, download hier het NodeJS-installatieprogramma. Het installatieprogramma is beschikbaar voor Windows, OS X en Linux; selecteer het besturingssysteem dat u gebruikt.

    De CLI

    Het installeren van de CanIUse CLI is slechts een regel verwijderd. Open Terminal of Opdrachtprompt en voer de volgende opdracht uit.

    npm install -g caniuse-cmd

    Met deze opdracht wordt CLI wereldwijd geïnstalleerd, waardoor het overal op de locatie in het besturingssysteem toegankelijk is. Eenmaal geïnstalleerd, de opdrachtregel kan ik gebruiken moet nu beschikbaar zijn tot uw beschikking. Er is geen regel over hoe “zoeken” via CLI. Zoek gewoon op natuurlijke wijze zoals u zou doen in de webversie, bijvoorbeeld lopend “caniuse vakschaduw” retourneert de CSS3 Box-shadow-specificatie.

    Merk op dat we niet aan de ruimte hoeven te ontsnappen voor de keywordquery, wat we traditioneel zouden moeten doen.

    Kortom, de CLI-resultaten komen overeen met de webversie. Zelfs als een zoekopdracht wordt uitgevoerd met een onvolledig zoekwoord, bijvoorbeeld, soc of sok , de zoekopdracht resulteert met Webcontactdoos bovenaan, gevolgd door relevante vermeldingen.

    CanIUse is een perfecte aanvulling voor andere op commandoregel gebaseerde tools zoals Gulp, Grunt en is een allround handige tool die je workflow uiteindelijk kan verbeteren. Nu hoeft u uw Terminal nooit te verlaten om te controleren op browsercompatibiliteit voor HTML, CSS en SVG.