Memahami ciri Web

Terdapat sejumlah besar ciri di web. Projek Data Keserasian Pelayar menyenaraikan lebih daripada 14000 daripadanya! Bagaimana untuk memahami semuanya?

Ini adalah soalan yang sudah lama tidak dijawab. Ya, setiap pembangun web menggunakan caiuse.com. Atau mereka google atau mungkin bertanya chatgpt. Masalahnya ialah alatan ini mempunyai jawapan kepada soalan khusus, tetapi tidak mempunyai gambaran yang lebih besar atau pautan kepada sumber kebenaran.

Kumpulan WebDX

Tidak lagi! Kumpulan WebDX kini melakukan kerja yang luar biasa untuk mengatur, mengkategorikan dan menamakan sesuatu (← ini adalah bahagian yang sukar, seperti yang anda tahu) di sekitar platform web. Mereka cuba meningkatkan keseluruhan pengalaman pembangun dengan web dan penyemak imbas dengan cara yang diselaraskan.

WebDX ialah kumpulan komuniti yang merupakan sebahagian daripada W3C. Anda boleh melihat apa yang mereka masak dalam repositori mereka. Output yang paling menarik bagi saya ialah repo ciri-ciri web. Perkara yang telah mereka lakukan ialah mengkategorikan sejumlah besar ciri khusus ke dalam set ciri tahap lebih tinggi yang lebih mudah difahami.

Sebagai contoh, salah satu ciri yang baru tersedia ialah Tetapkan kaedah. Sebarang kaedah baharu untuk memanipulasi set boleh menjadi satu ciri. Walau bagaimanapun, ia menjadi lebih berguna jika ia disampaikan dan didokumenkan sebagai satu ciri peringkat tinggi.

Dokumentasi

Bahagian lain ialah cara mencari maklumat terperinci tentang ciri. Nah, di sinilah inisiatif Open Web Docs muncul. Walaupun MDN sentiasa menjadi rujukan yang hebat, terdapat kekurangan kandungan hands-on. Kumpulan Open Web Docs cuba mengubahnya. Mereka sedang melancarkan satu tan tutorial, panduan dan penerangan baharu untuk dokumentasi web MDN, serta kemas kini kepada data asas — BCD (Data Compat Penyemak Imbas).

Salah satu contoh ialah halaman di MDN tentang warna Relatif. Ia dipetakan dengan bersih kepada ciri web peringkat tinggi. Ia memberikan pemahaman dan konteks yang jauh lebih baik di sekitar ciri itu daripada halaman rujukan individu untuk setiap ciri warna.

Tinjauan

Apa yang menarik tentang usaha di atas ialah mereka benar-benar mahu bekerjasama. Mereka mengambil input daripada tinjauan seperti The State of HTML dan The State of CSS, dan kemudian mereka boleh menggunakan set nama yang sama untuk ciri web untuk menjejak hasil tinjauan tentang mereka.

Dan omong-omong, semasa anda mengisi tinjauan ini, anda boleh mengklik butang "Tambah ke Senarai Bacaan". Ia akan memberikan anda pautan ke MDN di mana anda boleh mengetahui lebih lanjut tentang perkara yang anda tidak tahu.

Hakikat

Hebat, tetapi adakah Web semakin baik? Memang betul!

Inisiatif untuk menutup jurang antara ciri yang diingini dan ketersediaan sebenar merentas penyemak imbas adalah jelas. Iaitu, projek Interop memastikan satu set ciri dilaksanakan selengkap mungkin dalam semua pelayar utama. Terdapat lelaran baharu projek ini setiap tahun.

Berapa banyak dan sejauh mana ciri ini dilaksanakan diukur menggunakan Ujian Platform Web. Set ujian yang sama dijalankan terhadap semua penyemak imbas. Itulah sebabnya kami mempunyai peratusan bagus ini yang menggambarkan keadaan sebenar ciri dalam penyemak imbas.

Garis Dasar

Masa apabila ciri dilaksanakan dalam semua penyemak imbas utama ialah detik yang sangat penting. Dan kerana kami telah mengumpulkan ciri-ciri seperti yang diterangkan di atas dengan baik - satu-satunya perkara yang hilang ialah nama buat masa ini. Dan di sana kita ada: Satu ciri ialah Baseline Baru tersedia apabila ia disokong oleh semua pelayar utama. Dan satu ciri tersedia secara meluas apabila dua setengah tahun telah berlalu sejak ia baru tersedia.

Anda boleh membaca lebih lanjut tentang idea Baseline di web.dev sejak ia dimulakan oleh Google.

Papan pemuka visual

Semuanya mula lebih masuk akal apabila anda dapat melihatnya dengan cara yang lebih visual. Jadual, graf, pautan berguna kepada sumber yang direka dengan baik di sana…

Ini dimasukkan ke dalam beberapa percubaan untuk mencipta papan pemuka yang berguna. Semak semuanya, setiap satu adalah pandangan yang berbeza tentang subjek:

• Papan pemuka ringkas daripada orang di belakang kumpulan WebDX
• Graf bagus untuk lulus ujian platform web ciri mengikut ciri oleh pasukan Google Chrome
• dan percubaan saya untuk mencipta versi yang lebih interaktif

Anda boleh menggunakannya dari semasa ke semasa untuk mengetahui perkara baharu secara umum atau perkara baharu dalam status penggunaan Wide. Ia juga merupakan rujukan yang baik apabila anda memulakan projek baharu dan memutuskan set ciri yang sebenarnya tersedia dan cukup disokong.

Penjelajah Ciri Web memaparkan maklumat dengan cara yang bersih

Webstatus.dev menunjukkan kemajuan sebenar pada ciri dari segi ujian platform web yang diluluskan dalam graf

Papan pemuka Ciri Platform Web Saya membenarkan ciri penapisan dan pengisihan

masa depan

Sesetengah ciri baru-baru ini telah dilaksanakan dalam semua penyemak imbas dengan agak cepat. Tetapi sesetengahnya mungkin tidak dianggap sebagai idea yang baik oleh sesetengah pembuat penyemak imbas. Anda boleh mendapatkan maklumat terperinci tentang perkara yang mungkin atau tidak akan datang di tapak berikut:

• Kedudukan standard Mozilla
• Kedudukan standard pasukan webkit
• Peta jalan ciri Google Chrome

Kesimpulan

Melihat platform web berkembang adalah menarik. Gelung maklum balas bertambah baik. Saling kendali semakin baik dalam banyak bidang.

Saya telah lama ingin memiliki papan pemuka yang berguna dengan ciri web, dan tiba-tiba data itu mempunyai kualiti yang sangat bagus sehingga saya berjaya membina sendiri dalam beberapa malam.

Atas ialah kandungan terperinci Memahami ciri Web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!