Cara Memeriksa Kompatibilitas Browser melalui Baris Perintah

Membangun situs web secara tradisional melibatkan berbagai teknologi yang dapat bekerja di semua browser utama, beberapa di antaranya sebagian, atau tidak sama sekali. Pengembang web akhir-akhir ini akan selalu merujuk ke CanIUse untuk memeriksa apakah fitur tertentu didukung pada browser atau salah satu dari banyak versinya.

CanIUse melacak adopsi browser HTML standar, CSS, dan SVG bersama dengan referensi mereka, status spesifikasi dari W3C, dan tautan ke masalah dan bug yang ada di setiap browser (bila tersedia). Sebagai contoh, kita dapat melihat di bawah bahwa Edge, Firefox, dan Opera Mini tidak mendukung Refleksi CSS, dan di browser yang didukung, diperlukan awalan vendor.

CanIUse adalah secara de facto alat yang mencatat sejauh mana kompatibilitas spesifikasi web standar di browser desktop dan seluler.

Selain versi peramban melalui caniuse.com, CanIUse kini juga tersedia sebagai CLI (Command Line Interface). Kami juga dapat menarik resultan CanIUse melalui Terminal atau Command Prompt. Jika Anda sering tersandung di Terminal, CLI akan secara efektif merampingkan alur kerja Anda.

Persyaratan

Untuk menggunakan baris perintah CanIUse, Anda harus terlebih dahulu menginstal NodeJS dan NPM.

Jika berjalan npm -v atau simpul -v mengembalikan nomor versi (seperti yang ditunjukkan di bawah) Anda siap untuk menggunakan CLI. Jika tidak, jika mengembalikan “perintah tidak ditemukan” kesalahan, unduh penginstal NodeJS di sini. Pemasang tersedia untuk Windows, OS X, dan Linux; pilih OS yang Anda gunakan.

CLI

Menginstal CanIUse CLI hanya berjarak satu baris. Buka Terminal atau Command Prompt dan jalankan perintah berikut.

npm instal -g caniuse-cmd

Perintah ini menginstal CLI secara global yang akan memungkinkannya dapat diakses di seluruh lokasi di OS. Setelah diinstal, baris perintah caniuse seharusnya sekarang tersedia sesuai keinginan Anda. Tidak ada aturan tentang cara melakukannya “pencarian” melalui CLI. Cukup cari secara alami seperti yang Anda lakukan pada versi web, mis. berlari “kotak bayangan caniuse” akan mengembalikan spesifikasi Box-shadow CSS3.

Perhatikan bahwa kita tidak perlu keluar dari ruang untuk permintaan kata kunci, yang secara tradisional harus kita lakukan.

Pada dasarnya, hasil CLI cocok dengan versi web. Bahkan jika pencarian dilakukan dengan kata kunci yang tidak lengkap, misalnya, soc atau kaus kaki , pencarian akan menghasilkan Soket Web di bagian atas, diikuti oleh entri yang relevan.

CanIUse adalah pelengkap sempurna untuk alat berbasis baris perintah lainnya seperti Gulp, Grunt, dan merupakan alat praktis serba bisa yang akhirnya dapat meningkatkan alur kerja Anda. Sekarang Anda tidak perlu meninggalkan Terminal Anda untuk memeriksa kompatibilitas browser untuk HTML, CSS, dan SVG.