Tim Ekosistem Web Dev - Rangkuman bulan Februari

Mariko Kosaka
X
Selamat datang di edisi pertama rangkuman bulanan yang kami tampilkan untuk melihat kembali apa yang terjadi di tim Ekosistem Developer Web✨

Kami adalah tim engineer dan komunikator yang membuat artikel dan contoh kode seperti situs dasar-dasar web ini dan portal baru kami web.dev. Anda juga dapat melihat karya kami di Channel YouTube kami, dan jangan lupa untuk mengikuti kami di @ChromiumDev :)

Februari adalah bulan yang singkat, tetapi kami tidak kekurangan konten. Mari kita mulai dengan rilis besar dari tim.

Rilis

Workbox

Baru saja dirilis, Workbox 4.0 dirilis hanya beberapa hari yang lalu.🎉 Rilis ini mencakup fitur baru yang luar biasa seperti workbox-window dan peningkatan pada banyak paket workbox yang ada. Bagi Anda yang sudah menggunakan workbox, lihat panduan migrasi v3 ke v4. Ingin tahu cara menggunakan Workbox di project yang sudah ada? Berikut adalah panduan untuk menggunakannya dengan alat pembuat paket pilihan Anda. Tidak yakin masalah apa yang dapat diselesaikan oleh Workbox? Tonton wawancara tentang pekerja layanan ini di acara State of the Web.

lit-html dan LitElement

Tim di project polimer telah sibuk mengerjakan rilis stabil lit-html dan LitElement - dua library pengembangan web generasi berikutnya. Ingin mencobanya? Mulai dengan panduan Mencoba LitElement 📝

Aktivitas Web Tepercaya

Dengan rilis Chrome 72, Aktivitas Web Tepercaya (TWA) telah memasuki pasar. TWA memungkinkan Anda memiliki Chrome layar penuh di dalam Aktivitas Android, yang berarti Anda dapat menghadirkan konten web ke dalam lingkup aplikasi📱 Lihat panduan memulai ini atau baca cara @svenbudak menempatkan PWA-nya di Google Play Store.

Langkah selanjutnya

Dengan rilis stabil Chrome 73 yang akan segera hadir (12 Maret), kami memiliki banyak fitur menarik untuk dibahas.

V8 - Mesin JavaScript Chrome memiliki banyak update, termasuk Object.fromEntries dan String.prototype.matchAll. Lihat catatan rilis v8.

Bekerja dengan audio dan video di web? Dukungan tombol media hardware telah hadir dan "Lewati Iklan" di jendela Picture-in-Picture kini dalam uji coba origin. Lihat Update Audio/Video di Chrome 73 untuk mengetahui informasi selengkapnya.

Berbicara tentang uji coba origin, bersiaplah untuk Prioritas Pengambilan dengan Prioritas Pengambilan, developer dapat menetapkan tingkat kepentingan elemen <script>, <img>, atau <link> untuk memberi tahu browser cara memuat elemen tersebut. Fitur ini masih bersifat eksperimental, jadi harap coba dan kirimkan masukan.

Performa rendering selalu menjadi prioritas kami. Di Chrome 73, pemroses wheel dan mousewheel yang terdaftar di target root (jendela, dokumen, atau isi) akan menjadi pemroses pasif secara default, yang memberikan scroll roda yang cepat secara default.

Saat menyambut fitur baru, kami juga harus mengucapkan selamat tinggal. Jadi, pastikan untuk memeriksa penghentian dan penghapusan untuk Chrome 73 juga.

Pengembangan baru

Berikut beberapa hal lain yang sedang kami kerjakan dan akan tersedia di browser di sekitar Anda.

Untuk membantu mencegah Pembuatan Skrip Lintas Situs, kami sedang mengembangkan API baru yang disebut Jenis Tepercaya. Memilih jenis tepercaya (melalui Kebijakan Keamanan Konten) akan mengunci dokumen dari injeksi DOM. Kami sedang berupaya menyediakan lebih banyak contoh dan panduan kode tentang hal ini, tetapi sementara itu, baca selengkapnya tentang Jenis Tepercaya untuk mencobanya.

Mengklik tombol kembali dan maju di Chrome mungkin akan segera sangat cepat. Kami sedang mempelajari cache kembali/maju baru untuk meng-cache halaman dalam memori saat pengguna keluar dari halaman. Lihat penjelasan dan prototipe bfcache dalam postingan ini.

Terakhir, Intersection observer v2 memperkenalkan ide untuk melacak "visibilitas" target yang sebenarnya.

Yang sedang kami kerjakan

Pekerjaan kami tidak berhenti pada fitur browser. Kami juga melihat performa aplikasi web, membuat aplikasi web, dan memikirkan berbagai cara untuk membantu developer web di mana saja. Berikut beberapa hal yang telah kami kerjakan bulan ini.

Video dan Podcast Baru

Martin memulai serial baru yang disebut SEO JavaScript, episode pertamanya membahas cara Google Penelusuran mengindeks situs JavaScript. Meggin baru-baru ini mempresentasikan refleksi tentang project web.dev di sebuah acara temu. Jake dan Surma kembali dengan episode podcast HTTP203 baru yang membahas Eksperimen rotasi gambar.

Kami juga memiliki acara reguler seperti "New in Chrome", "What's New in DevTools", dan "The State of the Web"" di Channel YouTube kami.

Ucapan terima kasih khusus

Sudahkah Anda melihat Contoh Puppeteer? Anda mungkin telah melihatnya dari tweet Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" tahun lalu. Ini adalah koleksi contoh kode Puppeteer yang luar biasa yang memungkinkan Anda berpikir secara kreatif tentang hal-hal yang dapat Anda lakukan dengan browser. Sebaiknya Anda melihatnya.

(Semoga berhasil dengan usaha baru Anda, Eric. Kami akan merindukan Anda.)

Menyelesaikan

Bagaimana pendapat Anda tentang rangkuman bulanan pertama? Jika Anda menyukainya atau memiliki ide untuk meningkatkannya, beri tahu saya di Twitter @kosamari ✅

Jika Anda telah mem-build sesuatu yang baru menggunakan fitur yang diperkenalkan di sini atau mengubah sesuatu di codebase berdasarkan artikel kami, pastikan untuk memberi tahu kami di @ChromiumDev.

Pada bulan Maret, beberapa dari kami akan pergi ke India untuk mempelajari lebih lanjut pengalaman web seluler di sana ✈️ Kami tidak sabar untuk membagikan apa yang kami pelajari di sana.

Sampai jumpa bulan depan👋