Početna » Web dizajn » Kako provjeriti kompatibilnost preglednika putem naredbenih linija

    Kako provjeriti kompatibilnost preglednika putem naredbenih linija

    Izgradnja web-mjesta tradicionalno uključuje različite tehnologije koje mogu funkcionirati u svim većim preglednicima, a neke djelomično ili uopće ne. Web programeri će se ovih dana uvijek osvrnuti na CanIUse kako bi provjerili podržava li određena značajka u pregledniku ili jednoj od mnogih verzija.

    CanIUse vodi evidenciju o prihvaćanju standardnih HTML, CSS i SVG preglednika, kao i njihove reference, status specifikacija iz W3C-a i veze na probleme i greške koje se pojavljuju u svakom pregledniku (kada su dostupne). Primjerice, u nastavku možemo vidjeti da Edge, Firefox i Opera Mini ne podržavaju CSS Reflection, au preglednicima u kojima je podržan, prefiks dobavljača je potreban.

    CanIUse je zapravo alat koji bilježi koliko je standardna web specifikacija kompatibilnost u desktop i mobilnim preglednicima.

    Osim verzije preglednika preko caniuse.com, CanIUse je sada dostupan i kao CLI (Command Line Interface). Također možemo izvući CanIUse rezultanta preko Terminala ili Command Prompta. Ako se često nađete kako se spotaknete dok ste na Terminalu, CLI bi učinkovito pojednostavio vaš tijek rada.

    Zahtjevi

    Za postavljanje naredbenog retka CanIUse najprije ćete morati instalirati NodeJS i NPM.

    Ako je pokrenut npm -v ili čvor -v vraća broj verzije (kao što je prikazano u nastavku) spremni ste za postavljanje CLI. U suprotnom, ako se vrati “naredba nije pronađena” pogrešku, preuzmite ovdje instalacijski program za NodeJS. Instalacijski program dostupan je za Windows, OS X i Linux; odaberite OS koji koristite.

    CLI

    Instaliranje CanIUse CLI je samo jedan redak. Otvorite Terminal ili Command Prompt i pokrenite sljedeću naredbu.

    npm install -g caniuse-cmd

    Ova naredba instalira CLI globalno, što će mu omogućiti da bude dostupna na cijeloj lokaciji u OS-u. Jednom instaliran, naredbeni redak mogu li koristiti sada bi vam trebali biti na raspolaganju. Ne postoji pravilo o tome kako “traži” putem CLI. Jednostavno pretražite prirodno kao u web-verziji, npr. trčanje “caniuse kutija sjena” će vratiti specifikaciju CSS3 Box-shadow.

    Primijetite da ne trebamo izbjegavati prostor za upit za ključnu riječ, što bismo tradicionalno trebali učiniti.

    U osnovi, CLI rezultati odgovaraju web-verziji. Na primjer, čak i ako se pretraživanje obavlja pomoću nepotpune ključne riječi, Soc ili čarapa , pretraživanje će rezultirati Web Socket na vrhu, nakon čega slijede relevantni unosi.

    CanIUse je savršena dopuna za druge alate kao što su Gulp, Grunt i sveobuhvatno praktičan alat koji bi mogao povećati vaš tijek rada. Sada ne morate napustiti svoj terminal da biste provjerili kompatibilnost preglednika za HTML, CSS i SVG.