Baru di Chrome 113

Adriana Jara

Berikut hal yang perlu Anda ketahui:

  • Kini, WebGPU telah tersedia untuk memungkinkan grafis 3D berperforma tinggi dan komputasi paralel data di web.
  • Devtools kini dapat mengganti header respons jaringan.
  • Set Pihak Pertama, bagian dari Privacy Sandbox, yang memungkinkan organisasi menyatakan situs terkait mulai diluncurkan.
  • Dan masih banyak lagi.

Saya Adriana Jara. Mari kita pelajari dan lihat apa saja yang baru untuk developer di Chrome 113.

WebGPU telah hadir.

WebGPU adalah API baru untuk web, yang mengekspos kemampuan hardware modern serta memungkinkan operasi rendering dan komputasi pada GPU, mirip dengan Direct3D 12, Metal, dan Vulkan.

Tidak seperti kelompok API WebGL, WebGPU menawarkan akses ke fitur GPU yang lebih canggih dan memberikan dukungan terbaik untuk komputasi umum pada GPU.

API ini dirancang dengan mempertimbangkan platform web. Fitur ini terdiri dari: JavaScript API idiomatis. Integrasi dengan promise. Dukungan untuk mengimpor video. Pengalaman developer yang ditingkatkan dengan pesan error yang bagus.

Banyak library WebGL yang digunakan secara luas dan telah mengimplementasikan dukungan WebGPU. Artinya, penggunaan WebGPU mungkin hanya memerlukan perubahan satu baris, misalnya:

  • Babylon.js: Sudah memiliki dukungan WebGPU penuh.
  • PlayCanvas: Telah mengumumkan dukungan WebGPU awal.
  • TensorFlow.js: Mendukung versi yang dioptimalkan WebGPU dari sebagian besar operator.
  • Three.js: Dukungan WebGPU masih dalam pengembangan.

Lihat dokumentasi WebGPU di MDN untuk mengetahui detailnya.

Penggantian header respons Devtools.

Di DevTools, Anda kini dapat mengganti header respons di panel Jaringan.

Sebelumnya, Anda memerlukan akses ke server web untuk bereksperimen dengan header respons HTTP.

Dengan penggantian header respons, Anda dapat membuat prototipe perbaikan secara lokal untuk berbagai header, termasuk, tetapi tidak terbatas pada:

Untuk mengganti header, buka Jaringan > Header > Header Respons, arahkan kursor ke nilai header, klik Edit, lalu edit.

Error CORS diperbaiki oleh penggantian header.

Anda juga dapat menambahkan header baru:

Menambahkan header kustom.

Selain itu, edit semua penggantian di satu tempat.

Mengedit semua penggantian.

Lihat artikel ini untuk petunjuk tentang cara menggunakan fitur ini dan update lainnya di DevTools

Set Pihak Pertama sedang diluncurkan.

Set Pihak Pertama (FPS) mulai diluncurkan ke versi stabil. Set Pihak Pertama adalah bagian dari Privacy Sandbox. Ini adalah cara organisasi menyatakan hubungan antar situs, sehingga browser mengizinkan akses cookie pihak ketiga terbatas untuk tujuan tertentu.

Diagram yang menampilkan brandx.com, fly-brandx.com, dan drive-brandx.com sebagai satu grup, serta example.com, example.rs, example.co.uk sebagai grup lain.

Sebagai bagian dari pengembangan Set Pihak Pertama, Chrome mengimplementasikan dan memperluas Storage Access API yang memungkinkan situs meminta akses ke cookie mereka dalam konteks pihak ketiga. Dengan ID ini, organisasi yang memiliki situs terkait (misalnya, menggunakan nama domain yang berbeda, atau domain khusus negara) tetap dapat menyediakan layanan seperti single sign-on atau sesi bersama. Ingat! API ini akan diluncurkan secara bertahap kepada pengguna selama beberapa minggu untuk mengaktifkan pengujian dan evaluasi.

Dan banyak lagi!

Tentu saja masih banyak lagi.

Bacaan lebih lanjut

Artikel ini hanya mencakup beberapa sorotan utama. Periksa tautan di bawah untuk perubahan tambahan di Chrome 113.

Langganan

Untuk mendapatkan info terbaru, berlangganan Channel YouTube Developer Chrome, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.

Saya Adriana Jara, dan segera setelah Chrome 114 dirilis, saya akan segera memberi tahu Anda apa yang baru di Chrome!