Nhóm Hệ sinh thái nhà phát triển web – Tổng kết tháng 2

Mariko Kosaka
X
Chào mừng bạn đến với phần đầu tiên của bản tóm tắt hằng tháng, trong đó chúng tôi nhìn lại những gì đã diễn ra trong nhóm Hệ sinh thái nhà phát triển web✨

Chúng tôi là một nhóm kỹ sư và chuyên gia truyền thông, chuyên sản xuất các bài viết và mã mẫu, chẳng hạn như trang web kiến thức cơ bản về web này và cổng thông tin hoàn toàn mới của chúng tôi web.dev. Bạn cũng có thể xem các sản phẩm của chúng tôi trên Kênh YouTube và đừng quên theo dõi chúng tôi trên @ChromiumDev nhé :)

Tháng 2 là một tháng ngắn nhưng chúng tôi chắc chắn sẽ không thiếu nội dung. Hãy bắt đầu với các bản phát hành lớn của nhóm.

Bản phát hành

Workbox

Mới đây, Workbox 4.0 đã được phát hành chỉ vài ngày trước.🎉 Bản phát hành này bao gồm các tính năng mới tuyệt vời như workbox-window và các điểm cải tiến đối với nhiều gói hộp công việc hiện có. Đối với những bạn đã sử dụng workbox, hãy xem hướng dẫn di chuyển từ phiên bản 3 sang phiên bản 4. Bạn muốn biết cách sử dụng Workbox trong dự án hiện có? Sau đây là hướng dẫn về cách sử dụng các công cụ này với trình tạo gói mà bạn chọn. Bạn không biết Workbox giúp giải quyết vấn đề gì? Hãy xem cuộc phỏng vấn về trình chạy dịch vụ này trên chương trình Trạng thái của web.

lit-html và LitElement

Nhóm nghiên cứu tại dự án polymer đang bận rộn làm việc trên bản phát hành ổn định của lit-html và LitElement – hai thư viện phát triển web thế hệ mới. Bạn có muốn dùng thử không? Hãy bắt đầu bằng hướng dẫn Dùng thử LitElement 📝

Hoạt động đáng tin cậy trên web

Với bản phát hành Chrome 72, Hoạt động đáng tin cậy trên web (TWA) đã ra mắt! TWA cho phép bạn sử dụng Chrome ở chế độ toàn màn hình bên trong một Hoạt động Android, nghĩa là bạn có thể đưa nội dung web vào không gian ứng dụng. Hãy xem hướng dẫn bắt đầu này hoặc đọc về cách @svenbudak đưa PWA lên Cửa hàng Google Play!

Những việc cần làm tiếp theo

Với bản phát hành chính thức của Chrome 73 sắp ra mắt (vào ngày 12 tháng 3), chúng tôi có rất nhiều tính năng thú vị để giới thiệu!

V8 – Công cụ JavaScript của Chrome có một loạt bản cập nhật bao gồm Object.fromEntries và String.prototype.matchAll. Xem ghi chú phát hành v8.

Bạn đang làm việc với âm thanh và video trên web? Tính năng hỗ trợ phím đa phương tiện phần cứng đã có và tính năng "Bỏ qua quảng cáo" trong cửa sổ Hình trong hình hiện đang trong giai đoạn thử nghiệm theo nguyên gốc! Hãy xem bài viết Các bản cập nhật về âm thanh/video trong Chrome 73 để biết thêm thông tin.

Nói về thử nghiệm theo nguyên gốc, hãy chuẩn bị cho tính năng Mức độ ưu tiên tìm nạp bằng Mức độ ưu tiên tìm nạp. Nhờ đó, nhà phát triển có thể đặt mức độ quan trọng của phần tử <script>, <img> hoặc <link> để cho trình duyệt biết cách tải các phần tử đó. Đây vẫn là một tính năng thử nghiệm, vì vậy, vui lòng dùng thử và gửi ý kiến phản hồi!

Hiệu suất kết xuất luôn là mối quan tâm hàng đầu của chúng tôi. Trong Chrome 73, trình nghe wheel và mousewheel được đăng ký trên các mục tiêu gốc (cửa sổ, tài liệu hoặc phần thân) sẽ là trình nghe thụ động theo mặc định, cung cấp tính năng cuộn bằng con lăn nhanh theo mặc định.

Khi chào đón các tính năng mới, chúng tôi cũng phải nói lời tạm biệt với một số tính năng cũ. Vì vậy, hãy nhớ kiểm tra các tính năng ngừng hoạt động và bị xoá trong Chrome 73!

Phát triển mới

Sau đây là một số tính năng khác mà chúng tôi đang nỗ lực để ra mắt trên một trình duyệt gần bạn.

Để giúp ngăn chặn Tập lệnh trên nhiều trang web, chúng tôi đang phát triển một API mới có tên là Loại đáng tin cậy. Việc chọn sử dụng các loại đáng tin cậy (thông qua Chính sách bảo mật nội dung) sẽ khoá tài liệu khỏi hoạt động chèn DOM. Chúng tôi đang nỗ lực cung cấp thêm các ví dụ và hướng dẫn về mã liên quan đến vấn đề này. Trong thời gian chờ đợi, vui lòng đọc thêm về Loại đáng tin cậy để dùng thử.

Việc nhấn nút quay lại và chuyển tiếp trên Chrome có thể sớm rất nhanh! Chúng tôi đang khám phá một bộ nhớ đệm tiến/lùi mới để lưu các trang vào bộ nhớ đệm khi người dùng rời khỏi trang. Hãy xem nội dung giải thích và nguyên mẫu của bfcache trong bài đăng này.

Cuối cùng, Intersection observer v2 giới thiệu ý tưởng theo dõi "vùng hiển thị" thực tế của một mục tiêu.

Những gì chúng tôi đang thử nghiệm

Công việc của chúng tôi không chỉ dừng lại ở các tính năng của trình duyệt! Chúng ta cũng xem xét hiệu suất của ứng dụng web, xây dựng ứng dụng web và suy nghĩ về nhiều cách để giúp nhà phát triển web ở mọi nơi. Dưới đây là một số nội dung mà chúng tôi đã điều chỉnh trong tháng này.

Video và podcast mới

Martin sẽ bắt đầu một loạt bài mới có tên là SEO cho JavaScript. Tập đầu tiên sẽ nói về cách Google Tìm kiếm lập chỉ mục các trang web JavaScript! Gần đây, Meggin đã trình bày suy ngẫm về dự án web.dev tại một buổi gặp mặt. Jake và Surma đã trở lại với tập podcast HTTP203 mới thảo luận về thử nghiệm xoay hình ảnh.

Chúng tôi cũng có các chương trình thường xuyên như "Tính năng mới trong Chrome", "Tính năng mới trong DevTools" và "Trạng thái của web"" trên Kênh YouTube của chúng tôi.

Lời cảm ơn đặc biệt

Bạn đã xem Ví dụ về Puppeteer chưa? Bạn có thể đã thấy thông tin này trong tweet "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" (12 ngày của Puppeteer) của Eric Bidelman vào năm ngoái. Đây là một bộ sưu tập tuyệt vời gồm các mã mẫu Puppeteer giúp bạn sáng tạo về những việc bạn có thể làm với trình duyệt. Bạn nên xem thử!

(Chúc Eric nhiều may mắn trong công việc mới!) Chúng tôi sẽ nhớ bạn!!)

Kết thúc

Bạn có thích bản tóm tắt hoạt động hằng tháng đầu tiên không? Nếu bạn thích hoặc có ý tưởng để cải thiện, hãy cho tôi biết trên Twitter @kosamari ✅

Nếu bạn đã tạo một tính năng mới bằng các tính năng được giới thiệu tại đây hoặc thay đổi một số nội dung trong cơ sở mã dựa trên các bài viết của chúng tôi, hãy nhớ cho chúng tôi biết tại @ChromiumDev.

Vào tháng 3, một số thành viên của chúng tôi sẽ đến Ấn Độ để tìm hiểu thêm về trải nghiệm web dành cho thiết bị di động ở đó ✈️ Chúng tôi rất mong được chia sẻ những điều chúng tôi học được ở đó!

Hẹn gặp lại bạn vào tháng sau!👋