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, cùng nhìn lại những hoạt động đã diễn ra tại nhóm Hệ sinh thái nhà phát triển web✨

Chúng tôi gồm một nhóm kỹ sư và nhà truyền thông sản xuất các bài viết và mã mẫu như Kiến thức cơ bản về web cho trang web này và cổng thông tin hoàn toàn mới web.dev của chúng tôi. Bạn cũng có thể theo dõi kênh YouTube của chúng tôi và đừng quên theo dõi chúng tôi trên @ChromiumDev :)

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

Bản phát hành

Workbox

Xin lưu ý rằng Workbox 4.0 đã ra mắt chỉ vài ngày trước.🎉 Bản phát hành này có các tính năng mới tuyệt vời như workbox-window và điểm cải tiến cho nhiều gói hộp công việc hiện có. Đối với những người đang sử dụng hộp công việc, 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 tại? Sau đây là hướng dẫn để sử dụng chúng với các trình đóng gói mà bạn chọn. Bạn không rõ hộp công việc nào giúp giải quyết vấn đề nào? Hãy xem cuộc phỏng vấn về trình chạy dịch vụ này về Trạng thái của chương trình web.

lit-html và LitElement

Nhóm phụ trách tại dự án polymer đang bận rộn xây dựng bản phát hành ổn định cho lit-html và LitElement – hai thư viện phát triển web thế hệ tiếp theo. Bạn có muốn dùng thử các công cụ này không? Hãy bắt đầu với 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) đã tham gia thị trường! Với TWA, bạn có thể xem Chrome toàn màn hình bên trong một Hoạt động trên Android, tức là bạn có thể đưa nội dung trên web vào ứng dụng sphere📱 Hãy xem hướng dẫn bắt đầu sử dụng hoặc tìm hiểu cách @svenbudak đặt PWA trên Cửa hàng Google Play!

Nội dung sắp tới

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

V8 – Công cụ JavaScript của Chrome có nhiều bản cập nhật, trong đó có Object.fromEntries và String.prototype.matchAll. Hãy xem ghi chú phát hành phiên bản 8.

Bạn đang làm việc với âm thanh và video trên web? Chúng tôi đã hỗ trợ phím phương tiện phần cứng 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 dùng thử theo nguyên gốc! Hãy xem bài viết Nội dung cập nhật về âm thanh/video trên Chrome 73 để biết thêm thông tin.

Nói về bản dùng thử theo nguyên gốc, chuẩn bị sẵn sàng cho mức độ ưu tiên Tìm nạp với Mức độ ưu tiên tìm nạp, nhà phát triển có thể đặt mức độ quan trọng của <script>, <img> hoặc <link> để cung cấp cho trình duyệt cách tải các phần tử đó. Đây vẫn là 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 hiển thị luôn là ưu tiên hàng đầu của chúng tôi. Trong Chrome 73, trình nghe wheel và mousewheel được đăng ký trên đích gốc (cửa sổ, tài liệu hoặc nội dung) sẽ trở thành trình nghe bị động theo mặc định, cung cấp thao tác cuộn nhanh theo con trỏ theo mặc định.

Nhân dịp ra mắt các tính năng mới, chúng ta cũng phải nói lời tạm biệt. Vì vậy, hãy nhớ kiểm tra việc ngừng sử dụng và xoá Chrome 73!

Quá trình phát triển mới

Dưới đây là một vài điều khác mà chúng tôi đang thực hiện sẽ ảnh hưởng đến trình duyệt gần bạn.

Để ngăn chặn tình trạng 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. Nếu bạn 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), tài liệu sẽ không được chèn DOM. Chúng tôi đang nỗ lực cung cấp thêm các mã ví dụ và hướng dẫn về vấn đề này. Tuy nhiên, trong thời gian chờ đợi, vui lòng đọc thêm về các Loại đáng tin cậy để dùng thử.

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

Cuối cùng, Trình quan sát giao điểm v2 giới thiệu ý tưởng theo dõi "mức hiển thị" thực tế của một mục tiêu.

Nội dung chúng tôi đang chỉnh sửa

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

Video và podcast mới

Martin đang bắt đầu một loạt nội dung mới có tên là JavaScript SEO. Tập đầu tiên là về cách Google lập chỉ mục các trang web JavaScript! Gần đây, Meggin đã trình bày ý kiến phản hồi về dự án web.dev tại một buổi họ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 thường có các chương trình như "New in Chrome" (Mới trong Chrome), "What's New in Nhà phát triển" và "The State of the Web"" (Trạng thái 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ề học viên rối chưa? Bạn có thể đã nhìn thấy điều này trong dòng tweet của Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻 ♂️🎁" 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 cho phép bạn tư duy sáng tạo về những gì bạn có thể làm với trình duyệt. Bạn nên tham khảo nhé!

(Chúc bạn may mắn với nỗ lực mới của mình Eric! Chúng tôi sẽ nhớ bạn!!)

Kết thúc

Bạn thích tổng kết tháng đầu tiên như thế nào? 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 mục mới bằng các tính năng được giới thiệu ở đây hoặc thay đổi nội dung nào đó trong cơ sở mã của mình 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ố người trong chúng tôi đã đến Ấn Độ để tìm hiểu thêm về trải nghiệm trên web dành cho thiết bị di động tại đây ✈️ Rất mong được chia sẻ những điều chúng tôi học được tại đó!

Hẹn gặp bạn tháng tới👋