Baru menggunakan platform web pada bulan September

Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama September 2022.

Rachel Andrew

Rilis browser stabil

Pada bulan September, Firefox 105, Chrome 106, dan Safari 16 menjadi stabil. Ini berarti bahwa postingan bulan September penuh dengan hal-hal menarik untuk platform web.

Kueri penampung

Safari 16 menambahkan dukungan untuk kueri container, fitur yang kini tersedia di dua mesin telusur. Safari juga menambahkan dukungan untuk unit kueri penampung yang baru.

Dukungan Browser

  • 105
  • 105
  • 110
  • 16

Sumber

Tata letak petak

Safari telah mendapatkan dukungan untuk nilai subgrid grid-template-columns dan grid-template-rows. Menggunakan nilai ini pada petak yang juga merupakan item petak berarti bahwa alih-alih menentukan jalur baru, petak akan menggunakan jalur yang telah dibentangkan oleh induk.

Di Safari atau Firefox, header dan footer di kartu ini akan sejajar, karena jalurnya merupakan subgrid dari induk.

Dukungan Browser

  • 117
  • 117
  • 71
  • 16

Sumber

Selain itu, di Safari, untuk tata letak petak, terdapat kemampuan untuk menganimasikan trek petak.

Dukungan Browser

  • 107
  • 107
  • 66
  • 16

Safari juga telah menambahkan dukungan untuk kueri media offset-path, overscroll-behavior, text-align-last, dan resolusi.

API Encoding

Firefox 105 mendukung antarmuka TextDecoderStream dan TextEncoderStream dari Encoding API.

Dukungan Browser

  • 71
  • 79
  • 105
  • 14.1

Sumber

API Intl Baru

Intl API membantu menampilkan konten dalam format yang dilokalkan dan Chrome 106 menambahkan sejumlah fungsi format angka baru.

Seperti Intl API lainnya, ini akan menggeser beban ke sistem—sehingga Anda tidak perlu mengirimkan atau mempertahankan kode pelokalan yang kompleks ke setiap pengguna. API mengetahui lokasi simbol mata uang, cara memformat tanggal dan waktu, atau mengompilasi daftar.

Metode showPicker()

Safari 16 berisi metode showPicker(), yang memungkinkan cara kanonis menampilkan pemilih browser untuk tanggal, waktu, warna, dan file disertakan. Anda dapat mengetahui hal ini lebih lanjut di menampilkan pemilih browser untuk tanggal, waktu, warna, dan file.

Rilis browser beta

Versi browser beta memberikan pratinjau dari hal-hal yang akan ada dalam versi browser stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia merilisnya. Versi beta baru bulan ini adalah Chrome 107, Safari 16.1, dan Firefox 106.

Chrome 107 menyertakan kemampuan untuk menganimasikan trek petak, yang juga diluncurkan di Safari bulan ini. Setelah terbuka di Chrome, fitur ini akan didukung di ketiga mesin telusur utama.

Selain itu, Chrome memiliki beberapa tambahan pada getDisplayMedia() yang bertujuan untuk mencegah berbagi layar secara berlebihan yang tidak disengaja saat berbagi layar.

  • Opsi displaySurface dapat menunjukkan bahwa aplikasi web lebih memilih untuk menawarkan jenis platform tampilan tertentu (tab, jendela, atau layar).
  • Opsi surfaceSwitching menunjukkan apakah Chrome harus mengizinkan pengguna untuk beralih antar-tab bersama secara dinamis.
  • Opsi selfBrowserSurface dapat digunakan untuk mencegah pengguna membagikan tab saat ini. Tindakan ini akan menghindari efek "hall of mirrors".
  • Opsi systemAudio memastikan Chrome hanya menawarkan perekaman audio yang relevan kepada pengguna.

Safari 16.1 menyertakan perbaikan tambahan untuk aksesibilitas display: contents, perbaikan untuk unit tinggi area pandang dinamis (dvh), dan dukungan untuk scroll ke fragmen teks.

Bagian dari serial Baru di web