A böngésző kompatibilitásának ellenőrzése a parancssorok segítségével
A webhely építése hagyományosan számos technológiát tartalmaz, amelyek az összes főbb böngészőn belül működhetnek, amelyek közül néhány részben vagy egyáltalán nem. A webes fejlesztők ezekben a napokban mindig a CanIUse-ra vonatkoznak, hogy ellenőrizze, hogy egy bizonyos funkciót támogat-e egy böngésző vagy annak számos verziója.
A CanIUse nyomon követi a szabványos HTML, CSS és SVG böngészőjének elfogadását a hivatkozásokkal, a W3C specifikációinak állapotával, valamint az egyes böngészőkben lévő problémákra és hibákra mutató hivatkozásokat (ha elérhető). Például az alábbiakban láthatjuk, hogy az Edge, a Firefox és az Opera Mini nem támogatja a CSS Reflection funkciót, és a böngészőkben, amelyeket támogat, a szállító előtagja szükséges.
CanIUse a de facto eszköz, amely rögzíti a szabványos webes specifikációk kompatibilitását az asztali és mobil böngészőkben.
A caniuse.com-on keresztül a böngésző verziója mellett a CanIUse CLI-ként (Command Line Interface) is elérhető. Lehetőségünk van arra is, hogy a CanIUse eredményét a terminálon vagy a parancssoron keresztül húzzuk ki. Ha gyakran találja magát a terminálon, a CLI hatékonyan racionalizálja a munkafolyamatát.
A követelmények
A CanIUse parancssor telepítéséhez először a NodeJS és az NPM telepítése szükséges.
Ha fut npm -v
vagy csomópont -v
visszaadja a verziószámot (amint az alább látható) készen áll a CLI telepítésére. Ellenkező esetben, ha visszatér a “parancs nem található” Töltse le a NodeJS telepítőjét itt. A telepítő Windows, OS X és Linux operációs rendszerekhez érhető el; válassza ki a használt operációs rendszert.
A CLI
A CanIUse CLI telepítése csak egy vonal. Nyissa meg a Terminál vagy a Parancssor parancsot, és futtassa a következő parancsot.
npm install -g caniuse-cmd
Ez a parancs globálisan telepíti a CLI-t, amely lehetővé teszi, hogy hozzáférhető legyen az operációs rendszer összes helyén. A telepítés után a parancssor használhatom
most már rendelkezésre kell állnia. Nincs szabály arról, hogyan kell “keresés” CLI-n keresztül. Egyszerűen keressen természetesen a webes változatban, pl. futás “caniuse doboz árnyéka” visszaadja a CSS3 Box-shadow specifikációt.
Figyeljük meg, hogy nem kell elmenekülnünk a kulcsszó lekérdezés helyétől, amelyet hagyományosan meg kell tennünk.
Alapvetően a CLI eredmények megfelelnek a webes verziónak. Még akkor is, ha a keresés nem teljes kulcsszóval történik, soc
vagy zokni
, a keresés eredménye Webes aljzat tetején, majd a megfelelő bejegyzések után.
A CanIUse tökéletesen kiegészíti a parancssor alapú eszközöket, mint például a Gulp, a Grunt, és egy mindenre kiterjedő, praktikus eszköz, amely növelheti a munkafolyamatot. Most már nem kell elhagynia a terminált, hogy ellenőrizze a böngésző kompatibilitását a HTML, CSS és SVG számára.