Så här kontrollerar du webbläsarkompatibilitet via kommandoraden

Att bygga en webbplats involverar traditionellt en mängd olika tekniker som kan fungera över alla större webbläsare, några av dem delvis eller ingen alls. Webbutvecklare dessa dagar skulle alltid referera till CanIUse för att kontrollera om en viss funktion stöds i en webbläsare eller en av dess många versioner.

CanIUse håller koll på webbläsarens antagande av standard HTML, CSS och SVG tillsammans med deras referenser, specifikationsstatus från W3C, och länkar till de problem och buggar som finns i varje webbläsare (när den är tillgänglig). Vi kan till exempel se nedanför att Edge, Firefox och Opera Mini inte stöder CSS Reflection, och i webbläsare som det stöds i krävs säljarprefixet.

CaniUse är de facto verktyg som registrerar hur långt standardwebbspecifikationerna är kompatibla i stationära och mobila webbläsare.

Bortsett från webbläsarversionen via caniuse.com är CanIUse nu också tillgänglig som ett CLI (Command Line Interface). Vi kan också dra ut den resulterande CanIUse via Terminal eller Command Prompt. Om du befann dig själv snubblar vid Terminal ofta, skulle CLI effektivt effektivisera ditt arbetsflöde.

Kraven

För att distribuera kommandoraden CanIUse behöver du först NodeJS och NPM installerad.

Om du kör npm -v eller nod -v returnerar versionsnumret (som visas nedan) du är redo att distribuera CLI. Annars, om den returnerar “Kommando inte hittat” fel, ladda ner NodeJS installationsprogrammet här. Installatören är tillgänglig för Windows, OS X och Linux; välj det operativsystem du använder.

CLI

Installera CanIUse CLI är bara en rad bort. Öppna Terminal eller Command Prompt och kör följande kommando.

npm installera -g caniuse-cmd

Detta kommando installerar CLI globalt vilket gör att det är tillgängligt över hela platsen i operativsystemet. En gång installerad, kommandoraden kan jag använda bör nu vara tillgänglig till ditt förfogande. Det finns ingen regel om hur man ska “Sök” via CLI. Sök bara naturligt som du skulle i webbversionen, t.ex. löpning “caniuse box skugga” kommer att returnera CSS3 Box-Shadow-specifikationen.

Observera att vi inte behöver flytta utrymmet för sökordssökningen, vilket vi traditionellt skulle behöva göra.

I grund och botten matchar CLI-resultaten webbversionen. Även om en sökning görs med ett ofullständigt sökord, till exempel, soc eller strumpa , sökningen kommer att resultera i Webbuttag längst upp, följt av relevanta inmatningar.

CanIUse är ett perfekt komplement till andra kommandoradsbaserade verktyg som Gulp, Grunt, och är ett helt användbart verktyg som kan öka ditt arbetsflöde så småningom. Nu behöver du inte lämna din terminal någonsin för att söka efter kompatibilitet för webbläsare för HTML, CSS och SVG.