Selamat datang di ringkasan bulanan pertama yang merangkum apa yang terjadi di tim Ekosistem Developer Web✨
Kami adalah tim engineer dan komunikator yang memproduksi artikel dan contoh kode seperti dasar-dasar web situs ini dan portal baru kami web.dev. Anda juga dapat melihat hasil kerja kami di Channel YouTube, 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
Belum lama ini,
Workbox 4.0 dirilis beberapa hari yang lalu.🎉 Rilis ini mencakup fitur baru yang keren seperti workbox-window dan peningkatan pada banyak
paket kotak kerja yang ada. Bagi Anda yang sudah menggunakan workbox, lihat
panduan migrasi v3 ke v4.
Ingin tahu bagaimana Anda dapat menggunakan Workbox dalam proyek Anda saat ini? Berikut panduan untuk menggunakannya dengan pemaket pilihan Anda.
Tidak yakin masalah apa yang dapat diselesaikan melalui {i>workbox<i}? Simak wawancara tentang pekerja layanan di acara State of the Web.
lit-html dan LitElement
Tim di project polimer sibuk mengerjakan rilis stabil lit-html dan LitElement - dua library pengembangan web generasi berikutnya. Ingin mencobanya? mulailah dengan panduan Coba LitElement 📝
Aktivitas Web Tepercaya
Dengan dirilisnya Chrome 72, Trusted Web Activity (TWA) telah mulai dipasarkan. 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 mereka di Google Play Store!
Apa yang akan hadir berikutnya
Dengan rilis stabil Chrome 73 yang akan segera dirilis (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 info selengkapnya.
Berbicara tentang uji coba origin, bersiaplah untuk Mengambil Prioritas dengan
Prioritas Pengambilan, developer dapat menetapkan pentingnya elemen <script>, <img>, atau <link>
untuk memberi browser cara memuatnya. Fitur ini masih bersifat eksperimental, jadi silakan coba dan
kirim masukan.
Performa rendering selalu menjadi prioritas kami. Di Chrome 73, pemroses wheel dan mousewheel
yang terdaftar pada target root (jendela, dokumen, atau isi) akan menjadi
pemroses pasif secara default, yang menyediakan
scroll roda scroll secara default.
Saat kita memperkenalkan fitur baru, kita juga harus menghentikannya. Jadi, pastikan Anda juga mempelajari penghentian dan penghapusan untuk Chrome 73.
Pengembangan baru
Berikut beberapa hal lain yang telah kami kerjakan yang akan menargetkan browser di dekat 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 terkait hal ini, tetapi untuk saat ini, baca lebih lanjut Jenis Tepercaya untuk mencobanya.
Menekan tombol maju dan mundur di Chrome mungkin akan sangat cepat! Kami sedang mempelajari back/forward cache baru untuk meng-cache halaman dalam memori saat pengguna keluar. Lihat penjelasan dan prototipe bfcache dalam postingan ini.
Terakhir, Intersection observer v2 memperkenalkan ide untuk melacak "visibilitas" target yang sebenarnya.
Yang kami kerjakan
Pekerjaan kami tidak berakhir pada fitur browser! Kami juga meninjau performa aplikasi web, membangun aplikasi web, dan memikirkan berbagai cara untuk membantu developer web di mana saja. Berikut beberapa hal yang kami kerjakan bulan ini.
- Rendering di Web
- Prioritas Pemuatan JavaScript di Chrome
- Melarang impor dalam jumlah besar dari project JavaScript
- Target Berbagi Web File
- Mengganti hot path di JavaScript aplikasi dengan WebAssembly
- Stylesheet yang mudah digunakan: gaya yang mudah digunakan kembali
- Reaksi Progresif
- Masalah performa etalase web
Video dan Podcast Baru
Martin memulai serial baru bernama SEO JavaScript, episode pertamanya akan membahas cara Google Penelusuran mengindeks situs JavaScript. Meggin baru-baru ini mempresentasikan refleksi tentang project web.dev di sebuah pertemuan. Jake dan Surma kembali dengan episode podcast HTTP203 baru yang membahas eksperimen rotasi Gambar.
Kami juga mengadakan acara rutin seperti "New in Chrome", "What's New in DevTools", dan "The State of the Web"" di Channel YouTube kami.
Sapaan khusus
Pernahkah Anda melihat Contoh Puppeteer? Anda mungkin pernah melihatnya dari tweet Eric Bidelman "📯The 12 Days of Puppeteer 🤹USE akhirnya️🎁" tahun lalu. Ini adalah koleksi contoh kode Puppeteer keren yang memungkinkan Anda berpikir kreatif tentang apa yang dapat Anda lakukan dengan browser. Anda harus memeriksanya!
(Semoga berhasil untuk upaya baru Anda Eric! Sampai jumpa lagi!!)
Menyelesaikan
Apakah Anda menyukai ringkasan bulanan pertama? Jika Anda menikmatinya atau memiliki ide untuk meningkatkannya, beri tahu kami di twitter @kosamari ✅
Jika Anda telah membuat fitur baru menggunakan fitur yang diperkenalkan di sini atau mengubah sesuatu dalam codebase berdasarkan artikel kami, pastikan untuk memberi tahu kami di @ChromiumDev.
Pada bulan Maret, beberapa dari kami akan pergi ke India dan berharap bisa mempelajari lebih lanjut pengalaman web seluler di sana ✈️ Kami menantikan untuk membagikan hal yang kita pelajari di sana!
Sampai jumpa bulan depan👋