Cara Semak Keserasian Pelayar melalui Talian Perintah

Membina laman web secara tradisional melibatkan pelbagai teknologi yang boleh berfungsi di semua pelayar utama, sebahagiannya sebahagian, atau tidak sama sekali. Pemaju web hari ini akan sentiasa merujuk kepada CanIUse untuk memeriksa sama ada ciri tertentu disokong pada pelayar atau salah satu daripada banyak versi.

CanIUse menjejak penggunaan pelayar HTML, CSS, dan SVG standard bersama dengan rujukan mereka, status spesifikasi dari W3C, dan pautan kepada isu dan bug yang terdapat di setiap penyemak imbas (apabila tersedia). Sebagai contoh, kita dapat melihat di bawah bahawa Edge, Firefox, dan Opera Mini tidak menyokong Refleksi CSS, dan dalam pelayar yang disokong, awalan vendor diperlukan.

CanIUse adalah de facto alat yang mencatat sejauh mana keserasian spesifikasi web standard dalam desktop dan penyemak imbas mudah alih.

Selain versi penyemak imbas melalui caniuse.com, CanIUse kini juga tersedia sebagai CLI (Barisan Perintah Baris). Kami juga dapat mengeluarkan hasil CanIUse melalui Terminal atau Prompt Perintah. Jika anda mendapati diri anda tersandung semasa di Terminal sering, CLI akan secara efektif menyelaraskan aliran kerja anda.

Keperluan

Untuk menggunakan baris perintah CanIUse, anda perlu terlebih dahulu memasang NodeJS dan NPM.

Jika berjalan npm -v atau nod -v mengembalikan nombor versi (seperti yang ditunjukkan di bawah), anda sudah bersedia untuk menggunakan CLI. Jika tidak, jika ia mengembalikan “arahan tidak dijumpai” ralat, muat turun pemasang NodeJS di sini. Pemasang tersedia untuk Windows, OS X, dan Linux; pilih OS yang anda gunakan.

CLI

Memasang CLI CanIUse hanya satu baris. Buka Terminal atau Prompt Perintah dan jalankan arahan berikut.

npm pasang -g caniuse-cmd

Perintah ini memasang CLI secara global yang membolehkan ia dapat diakses di seluruh lokasi di OS. Setelah dipasang, baris arahan boleh saya guna kini boleh didapati di pelupusan anda. Tidak ada kaedah bagaimana untuk melakukannya “carian” melalui CLI. Cari secara semulajadi seperti yang anda lakukan dalam versi web, mis. berjalan “kotak bayang-bayang” akan mengembalikan spesifikasi Kotak bayang CSS3.

Perhatikan bahawa kita tidak perlu melepaskan ruang untuk pertanyaan kata kunci, yang secara tradisinya perlu dilakukan.

Pada dasarnya, keputusan CLI sepadan dengan versi web. Walaupun pencarian dilakukan dengan kata kunci yang tidak lengkap, contohnya, soc atau kaus kaki , carian akan dihasilkan Socket Web di bahagian atas, diikuti oleh penyertaan yang relevan.

CanIUse adalah pelengkap sempurna untuk alat berasaskan baris arahan lain seperti Gulp, Grunt, dan alat serba guna yang dapat meningkatkan aliran kerja anda pada akhirnya. Sekarang anda tidak perlu meninggalkan Terminal anda untuk menyemak keserasian pelayar untuk HTML, CSS, dan SVG.