Mengikuti kesuksesan Interop 2022 dan Interop 2023, kami sangat senang dengan peluang untuk berkolaborasi sekali lagi dengan semua vendor browser utama dan pemangku kepentingan lainnya yang relevan. Tujuan bersama kita adalah meningkatkan interoperabilitas antar-platform web, sehingga menyederhanakan pekerjaan developer dan memperkaya pengalaman pengguna internet secara keseluruhan.
Interoperabilitas, pada intinya, adalah serangkaian pengujian dan tolok ukur komprehensif yang dirancang untuk mengevaluasi kepatuhan setiap browser berdasarkan komitmen bersama kami terhadap standar web. Pada akhirnya, Interop berusaha menghilangkan inkonsistensi antar-browser dan menumbuhkan visi terpadu dalam industri.
Untuk Interop 2024, ada proses proposal publik untuk mendapatkan daftar awal fitur. Dari daftar tersebut, semua pihak telah bekerja sama untuk membuat daftar area fokus untuk tahun 2024. Daftar berikut mencakup area di mana kami berharap dapat lulus 100% pengujian terpilih pada akhir tahun.
Semua area fokus untuk tahun 2024
Interop 2024 mencakup 12 area fokus baru, ditambah 5 yang dibawa dari tahun 2023 dengan beberapa perbaikan yang masih harus dilakukan. Area tersebut adalah:
- Aksesibilitas
- Penyusunan CSS
- Properti Kustom
- DOM Bayangan Deklaratif
- font-size-adjust
- URL HTTPS untuk WebSocket
- IndexedDB
- Tata Letak
- Peristiwa Pointer dan Mouse
- Popover
- Sintaksis Warna Relatif
- requestVideoFrameCallback
- Gaya Scrollbar
- @gaya-mulai dan perilaku-transisi
- Arah Teks
- text-wrap: keseimbangan
- URL
Untuk melihat detail semua area fokus, buka Dasbor Interop 2024, yang menampilkan detail fitur dan upaya yang diperlukan, beserta skor saat ini untuk setiap browser. Di bagian selanjutnya dalam artikel ini, Anda dapat mengetahui beberapa area di mana Chrome harus melakukan pekerjaan terbaik untuk mencapai 100%.
Bertingkat
Modul Penyusunan bertingkat CSS menentukan sintaksis untuk memberi pemilih bertingkat, yang memberikan kemampuan untuk menyusun bertingkat satu aturan gaya di dalam aturan gaya lain, dengan pemilih aturan turunan relatif terhadap pemilih aturan induk.
Penyusunan bertingkat CSS berbeda dari praprosesor CSS seperti Sass karena CSS diuraikan oleh browser, bukan dikompilasi sebelumnya oleh praprosesor CSS.
Penyusunan bertingkat CSS membantu keterbacaan, modularitas, dan pemeliharaan stylesheet CSS. Hal ini juga berpotensi membantu mengurangi ukuran file CSS, sehingga mengurangi jumlah data yang didownload oleh pengguna.
Meskipun semua browser mendukung CSS Nesting, ada beberapa perbedaan dalam implementasi karena perubahan pada spesifikasi. Selama Interop 2024, tujuannya adalah memastikan semua browser mengikuti spesifikasi saat ini.
Pelajari Penyusunan CSS lebih lanjut, dan temukan pembaruan penting pada spesifikasi yang memungkinkan penyusunan bertingkat nama tag elemen dasar.
text-wrap: keseimbangan
Nilai saldo properti text-wrap CSS menunjukkan kepada browser bahwa Anda ingin browser menyeimbangkan baris teks. Teks ini biasanya digunakan dalam judul atau bagian teks singkat lainnya untuk menghindari kesalahan ketik.
Browser memiliki dukungan yang berbeda untuk berbagai versi panjang dan singkatan dari properti ini. Selama Interop 2024, kami ingin membuatnya dapat dioperasikan bersama.
Menyeimbangkan judul dan bagian teks singkat lainnya adalah fitur yang sering diminta oleh developer, pelajari lebih lanjut fitur ini di CSS text-wrap: balance, postingan akhir untuk situs tipografi di web, atau CSS Text Balancing dengan text-wrap: balance.
URL HTTP untuk WebSocket
Konstruktor WebSocket awalnya memerlukan URL ws: dan wss:,
sehingga mencegah penggunaan URL relatif dan kode solusi yang dihasilkan.
Spesifikasi telah diperbarui untuk memungkinkan skema http, dan juga URL relatif. Ini dinormalkan ke ws: dan wss:.
Selama Interop 2024, kami akan memperbarui penerapan kami untuk mendukung skema http.
Sintaksis Warna Relatif
Sintaksis Warna Relatif ditentukan dalam spesifikasi CSS Warna 5, dan memberikan cara untuk memanipulasi warna dalam CSS. Misalnya, menggelapkan, mencerahkan, atau menurunkan saturasi warna.
Sintaksis Warna Relatif kurang lebih dapat dioperasikan bersama,
tetapi browser belum menerapkan kata kunci currentcolor;
pengujian ini disertakan dalam Interop 2024.
Pelajari semua tindakan yang dapat Anda lakukan dengan fitur ini di sintaksis warna relatif CSS.
Dasbor Interop 2024
Seperti pada tahun-tahun sebelumnya, skor saat ini untuk rilis browser eksperimental dan stabil akan dipublikasikan di dasbor, sehingga Anda dapat melihat bagaimana pembentukan skornya.
Kami sangat tidak sabar untuk melihat seberapa banyak peningkatan yang bisa dilakukan di semua area fokus tahun ini.