Interop 2026 khởi động

• Dự án thường niên Interop 2026 nhằm nâng cao khả năng tương thích tiêu chuẩn web (Interoperability) đã bắt đầu, với sự hợp tác của các engine trình duyệt lớn
• Việc kiểm thử sẽ được tiến hành trên 20 lĩnh vực trọng tâm, trong đó 15 mục là mới
• Năm nay bao gồm các cải tiến tính năng thiết thực như mở rộng CSS attr(), WebTransport, JSPI for Wasm, IndexedDB getAllRecords()
• Đồng thời đặt mục tiêu bảo đảm tính nhất quán cho các tính năng biểu đạt trực quan như Scroll-driven Animations, View Transitions, contrast-color(), Container Style Queries
• Dự án là sự hợp tác của Apple, Google, Microsoft, Mozilla, Igalia nhằm cung cấp cho nhà phát triển web một nền tảng chung đáng tin cậy hơn

---

Tổng quan về Interop 2026

• Dự án Interop là chương trình hợp tác trong đó các engine lớn cùng thực hiện kiểm thử để giảm khác biệt trong việc triển khai công nghệ web giữa các trình duyệt
  • Mỗi tính năng được đánh giá dựa trên mức độ phù hợp với đặc tả tiêu chuẩn web chính thức
  • Thực hiện đo lường khả năng tương tác tự động thông qua Web Platform Tests(WPT)
• Safari đã sớm triển khai nhiều tính năng, và trong Interop 2026 lần này sẽ tập trung vào thu hẹp những khoảng cách tương thích còn lại
• Trong các tính năng trọng điểm năm nay, 20% được cấu thành từ bốn mục: advanced attr(), IndexedDB getAllRecords(), WebTransport, JSPI for Wasm
• Bảng điều khiển chính thức của Interop 2026 - https://wpt.fyi/interop-2026

Các lĩnh vực trọng tâm chính năm 2026 (20 mục)

• Trong tổng số 20 mục, có 15 mục mới và 5 mục được tiếp nối từ Interop 2025
  • Các mục chính: Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, cải tiến Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom v.v.
• Mỗi mục đều hướng tới việc hoàn thiện đặc tả, cải thiện kiểm thử và bảo đảm tính nhất quán trong triển khai

Chi tiết theo từng tính năng chính

• Anchor Positioning

  • Tính năng cho phép bố trí các phần tử theo tương quan với nhau, là hạng mục được tiếp nối từ năm 2025
  • Năm nay tập trung vào làm rõ đặc tả, ổn định hóa kiểm thử, nâng cao độ tin cậy

• Advanced attr()

  • Mở rộng để giá trị thuộc tính HTML có thể được sử dụng trên toàn bộ các thuộc tính CSS
  • attr() vốn trước đây chỉ giới hạn ở thuộc tính content, nay có thể chuyển đổi sang nhiều kiểu khác nhau như màu sắc, độ dài, góc
  • Các vấn đề bảo mật đã được giải quyết, thúc đẩy triển khai chung giữa các trình duyệt

• Container Style Queries

  • Áp dụng style có điều kiện theo giá trị thuộc tính tùy chỉnh của container
  • Đã được hỗ trợ từ Safari 18.0, và thông qua Interop 2026 sẽ bảo đảm hoạt động nhất quán trên mọi trình duyệt

• contrast-color()

  • Tự động chọn màu đen/trắng có độ tương phản với màu được chỉ định
  • Safari và Firefox bắt đầu hỗ trợ từ năm 2025, và dự án lần này thúc đẩy khả năng tương thích trên toàn bộ trình duyệt

• Custom Highlights

  • Style phạm vi văn bản thông qua CSS Custom Highlight API mà không cần thay đổi cấu trúc DOM
  • Có thể triển khai kết quả tìm kiếm, tô sáng mã nguồn, chỉnh sửa cộng tác bằng các pseudo-element ::highlight() và ::target-text

• Cải tiến Dialog và Popover

  • Bổ sung closedby, popover="hint", pseudo-class :open cho thuộc tính <dialog> và popover
  • Các tính năng cải thiện UI overlay giúp tăng khả năng truy cập và trải nghiệm người dùng

• Fetch Uploads & Ranges

  • Bổ sung streaming upload, cải thiện FormData, hỗ trợ header Range cho API fetch()
  • Cho phép truyền dữ liệu hiệu quả trong tải lên dung lượng lớn, tải xuống từng phần v.v.

• IndexedDB getAllRecords()

  • Thêm phương thức getAllRecords() vào IDBObjectStore và IDBIndex
  • Cải thiện hiệu năng nhờ hỗ trợ truy vấn theo lô và tìm kiếm theo thứ tự ngược

• JSPI for Wasm

  • Thông qua JavaScript Promise Integration API, thu hẹp khoảng cách giữa bất đồng bộ và đồng bộ của WebAssembly
  • Giúp port lên web dễ dàng các ứng dụng C/C++/Rust hiện có

• Media Pseudo-classes

  • Cung cấp 7 pseudo-class có thể áp dụng CSS theo trạng thái của <audio>, <video>
    • Ví dụ: :playing, :paused, :muted v.v.
  • Safari đã hỗ trợ sẵn, và dự án lần này sẽ mở rộng sang các trình duyệt khác

• Navigation API

  • API điều khiển điều hướng mới thay thế history.pushState() vốn phức tạp khi phát triển SPA
  • Đã vượt qua 92.3% bài kiểm thử trong Interop 2025, và năm 2026 bổ sung thêm tùy chọn precommitHandler

• Scoped Custom Element Registries

  • Có thể tạo CustomElementRegistry theo từng phạm vi để giải quyết vấn đề xung đột toàn cục
  • Safari 26.0 là bên triển khai đầu tiên, và dự án lần này nhằm bảo đảm tính nhất quán trên toàn bộ trình duyệt

• Scroll-driven Animations

  • Cho phép điều khiển animation chỉ bằng CSS theo vị trí cuộn
  • Bắt đầu được hỗ trợ từ Safari 26.0, thúc đẩy chuẩn hóa tương tác dựa trên cuộn

• Scroll Snap

  • Điều khiển hành vi căn chỉnh và snap trong container cuộn
  • Đang tiến hành cải thiện dựa trên kiểm thử để giải quyết sự không đồng nhất do thay đổi đặc tả cũ

• shape()

  • Cho phép định nghĩa hình dạng phức hợp dựa trên đường cong cho clip-path, shape-outside
  • Được hỗ trợ từ Safari 18.4, hướng tới bảo đảm tính nhất quán của biểu đạt đường cong đáp ứng

• View Transitions

  • Cung cấp hiệu ứng animation khi chuyển trang
  • Khởi đầu từ mức tương thích 90.8% trong năm 2025, và năm 2026 mở rộng đến cả chuyển đổi cross-document

• Web Compat

  • Bộ kiểm thử nhằm giải quyết các vấn đề tương thích phát sinh trên website thực tế
    • Bao gồm tải module ESM, thời điểm sự kiện cuộn/animation, thuộc tính user-select v.v.

• WebRTC

  • Tiêu chuẩn cho giao tiếp âm thanh, video và dữ liệu thời gian thực
  • Đang tiếp tục được cải thiện từ tỷ lệ vượt kiểm thử 91.6% của năm 2025

• WebTransport

  • API giao tiếp hai chiều dựa trên HTTP/3, hỗ trợ độ trễ thấp và đa luồng
  • Mang lại khả năng kiểm soát chi tiết hơn WebSocket và cấu trúc đơn giản hơn WebRTC

• CSS Zoom

  • Điều chỉnh tỷ lệ của phần tử và nội dung, đồng thời tác động trực tiếp đến layout
  • Từ một thuộc tính phi tiêu chuẩn nay được chuẩn hóa, tiếp tục cải thiện tính nhất quán sau năm 2025

Khảo sát và các nhiệm vụ tiếp theo

• Kiểm thử khả năng truy cập

  • Tiếp tục cải thiện hạ tầng kiểm thử nhằm bảo đảm tính nhất quán của cây truy cập giữa các trình duyệt

• JPEG XL

  • Định dạng ảnh thế hệ mới, hỗ trợ animation, độ trong suốt và nén không mất dữ liệu
  • Bắt đầu được hỗ trợ từ Safari 17.0, có khả năng sẽ được đưa vào hạng mục kiểm thử chính thức trong tương lai

• Kiểm thử di động

  • Cải thiện hạ tầng kiểm thử cho các tính năng dành riêng cho di động như thay đổi viewport động

• WebVTT

  • Tiếp tục kiểm chứng nhằm giải quyết sự không đồng nhất giữa các trình duyệt của tiêu chuẩn phụ đề và caption

Hướng tới một web có tính tương tác tốt hơn

• Interop 2026 bao quát các lĩnh vực cốt lõi như độ linh hoạt của CSS, chuyển tiếp trực quan, giao tiếp thời gian thực, truyền dữ liệu
• Thúc đẩy giải quyết các vấn đề không đồng nhất tồn tại lâu năm như Scroll Snap, shape(), Web Compat
• Đội ngũ WebKit đang hợp tác với mục tiêu hoạt động nhất quán trên mọi trình duyệt
• Kết quả là cung cấp cho nhà phát triển nền tảng web đáng tin cậy hơn