Tiếp nối thành công của sự kiện Interop 2022 và Interop 2023, chúng tôi rất hào hứng có cơ hội cộng tác một lần nữa với tất cả nhà cung cấp trình duyệt chính và các bên liên quan khác. Mục tiêu chung của chúng tôi là cải thiện khả năng tương tác giữa các nền tảng web, nhờ đó đơn giản hoá công việc của nhà phát triển và làm phong phú trải nghiệm tổng thể cho người dùng Internet.
Về cốt lõi, Interop là một loạt thử nghiệm và điểm chuẩn toàn diện được thiết kế để đánh giá mức độ tuân thủ của từng trình duyệt dựa trên cam kết chung của chúng tôi đối với các tiêu chuẩn web. Cuối cùng, Interop cố gắng loại bỏ những điểm không thống nhất giữa các trình duyệt và thúc đẩy một tầm nhìn thống nhất trong ngành.
Đối với Interop 2024, chúng tôi đã áp dụng một quy trình đề xuất công khai để tìm nguồn danh sách các tính năng ban đầu. Trên danh sách đó, tất cả các bên đã cùng hợp tác để tạo ra một danh sách các lĩnh vực trọng tâm cho năm 2024. Danh sách sau đây bao gồm những lĩnh vực mà chúng tôi hy vọng sẽ thấy 100% các bài kiểm tra được chọn vượt qua vào cuối năm nay.
Tất cả trọng tâm trong năm 2024
Phiên bản Interop 2024 có 12 lĩnh vực trọng tâm mới, cùng với 5 lĩnh vực được chuyển sang từ năm 2023 và vẫn còn một số điểm cần sửa lỗi. Các vùng đó bao gồm:
- Hỗ trợ tiếp cận
- Dịch vụ so sánh giá (CSS) Nesting
- Thuộc tính tuỳ chỉnh
- DOM bóng khai báo
- font-size-adjust
- URL HTTPS cho WebSocket
- IndexedDB
- Bố cục
- Sự kiện con trỏ và chuột
- Cửa sổ bật lên
- Cú pháp màu tương đối
- requestVideoFrameCallback
- Định kiểu cho thanh cuộn
- @start-style và hành-chuyển-chuyển-đổi
- Hướng văn bản
- xuống dòng tự động: cân bằng
- URL
Để xem thông tin chi tiết về tất cả các khía cạnh trọng tâm, hãy truy cập Trang tổng quan Interop 2024, nơi hiển thị thông tin chi tiết về các tính năng và công việc cần thiết, cùng với điểm số hiện tại của từng trình duyệt. Trong phần còn lại của bài viết này, bạn có thể tìm hiểu về một số khía cạnh mà Chrome cần phải hoạt động hiệu quả nhất để đạt 100%.
Dạng lồng ghép
Mô-đun lồng ghép CSS xác định cú pháp để lồng các bộ chọn, cho phép khả năng lồng một quy tắc kiểu vào trong một quy tắc kiểu khác, bằng bộ chọn của quy tắc con tương ứng với bộ chọn của quy tắc mẹ.
Việc lồng ghép CSS khác với các bộ tiền xử lý của CSS như Sass ở chỗ CSS được phân tích cú pháp bởi trình duyệt chứ không phải được biên dịch trước bởi bộ tiền xử lý CSS.
Việc lồng ghép CSS giúp bạn dễ đọc, mô-đun hoá và duy trì biểu định kiểu CSS. Cách này cũng có thể giúp giảm kích thước của tệp CSS, nhờ đó giảm lượng dữ liệu mà người dùng tải xuống.
Mặc dù tất cả trình duyệt đều hỗ trợ CSS Nesting, nhưng cách triển khai vẫn có một số khác biệt do những thay đổi về quy cách. Mục tiêu của Interop năm 2024 là đảm bảo tất cả trình duyệt đều tuân thủ quy cách hiện tại.
Tìm hiểu thêm về tính năng lồng ghép CSS và khám phá nội dung cập nhật quan trọng cho quy cách kỹ thuật cho phép lồng tên thẻ phần tử đơn thuần.
xuống dòng tự động: cân bằng
Giá trị số dư của thuộc tính text-wrap CSS cho trình duyệt biết rằng bạn muốn cân bằng các dòng văn bản. Bố cục này thường được dùng trong tiêu đề hoặc các phần văn bản ngắn khác để tránh các cụm từ kiểu chữ.
Các trình duyệt khác nhau về khả năng hỗ trợ cho các phiên bản dài và viết tắt khác nhau của thuộc tính này. Trong Interop năm 2024, chúng tôi hướng đến việc đảm bảo các hệ thống này có khả năng tương tác.
Cân bằng dòng tiêu đề và các phần văn bản ngắn khác là một tính năng được các nhà phát triển thường xuyên yêu cầu. Hãy tìm hiểu thêm về tính năng này trong bài viết CSS text-wrap: Balance, bài đăng kết thúc cho các góa phụ về kiểu chữ trên web hoặc CSS Text Balancing với văn bản bao bọc: số dư.
URL HTTP(s) cho WebSocket
Hàm khởi tạo WebSocket ban đầu yêu cầu các URL ws: và wss:,
ngăn việc sử dụng URL tương đối và mã giải pháp.
Thông số kỹ thuật đã được cập nhật để cho phép các giao thức http(s) và do đó, các URL tương đối. Các URL này được chuẩn hoá thành ws: và wss:.
Trong Interop năm 2024, chúng tôi sẽ cập nhật phương thức triển khai để hỗ trợ các giao thức http.
Cú pháp màu tương đối
Cú pháp màu tương đối được xác định trong quy cách màu sắc CSS 5 và cung cấp một cách thao tác với màu sắc trong CSS. Ví dụ: làm tối, làm sáng hoặc giảm độ rực màu của một màu.
Cú pháp màu tương đối có khả năng tương tác gần như, nhưng các trình duyệt chưa triển khai từ khoá currentcolor; những hoạt động kiểm thử này có trong Interop 2024.
Tìm hiểu về tất cả những việc bạn có thể làm với tính năng này trong bài viết Cú pháp màu tương đối của CSS.
Trang tổng quan Interop 2024
Như trong những năm trước, điểm số hiện tại cho các bản phát hành trình duyệt ổn định và thử nghiệm sẽ được công bố trên trang tổng quan, để bạn có thể xem điểm số sẽ hình thành như thế nào.
Chúng tôi thực sự rất hào hứng khi thấy những cải tiến trên tất cả các lĩnh vực trọng tâm trong năm nay.