09/10/2026 · VietTechies · Biên tập
Apple vừa phát hành phiên bản thử nghiệm Safari Technology Preview 254 dành cho macOS Golden Gate và macOS Tahoe. Bản cập nhật tích hợp các thay đổi trong WebKit từ bản vá revision 321068@main đến 322634@main, mang tới các hàm bố cục CSS mới, khả năng tối ưu hóa bộ nhớ cho WebCodecs cùng nhiều cải tiến về độ ổn định liên quan đến hỗ trợ truy cập, đồ họa và tiêu chuẩn JavaScript.
Định kích thước nội tại động trong CSS
Safari Technology Preview 254 chính thức hỗ trợ hàm calc-size() và thuộc tính interpolate-size trong CSS. Hàm calc-size() cho phép các nhà phát triển thực hiện phép tính toán học trực tiếp trên những từ khóa kích thước nội tại như auto, fit-content và max-content. Khi kết hợp với interpolate-size, các ứng dụng web giờ đây có thể tạo hiệu ứng chuyển cảnh mượt mà đối với những kích thước bố cục nội tại vốn trước đây không thể nội suy được.
Bản cập nhật này cũng bổ sung các thuộc tính viết tắt size, min-size và max-size, cùng các thuộc tính viết tắt cạnh cho bán kính góc như border-top-radius nhằm điều chỉnh đồng thời cả hai góc kề nhau của một hộp. Những bổ sung định dạng khác bao gồm hàm symbols() dành cho kiểu đếm vô danh và các tham số liên kết CSS, hỗ trợ truyền giá trị vào đồ họa SVG thông qua link-parameters và param().
Cải tiến WebCodecs và quy trình xử lý phương tiện
Đối với các ứng dụng phương tiện trên web, các phương thức khởi tạo của WebCodecs—bao gồm EncodedAudioChunk, EncodedVideoChunk, AudioData, VideoFrame và ImageDecoder—hiện đã chấp nhận tùy chọn transfer. Tính năng này cho phép chuyển trực tiếp quyền sở hữu dữ liệu nhị phân ArrayBuffer giữa các ngữ cảnh thay vì phải sao chép, giúp tránh việc nhân bản bộ nhớ không cần thiết trong quá trình xử lý phương tiện theo thời gian thực.
Bên cạnh đó, cấu hình VideoEncoder hiện hỗ trợ tùy chọn hevc nhằm tạo luồng video HEVC ở định dạng Annex B. WebKit cũng nâng cấp bộ giải mã phần mềm VP9 để sửa lỗi ánh xạ kênh màu (chroma) trong nội dung 8-bit 4:2:2, đồng thời ngăn chặn tình trạng tự động bỏ qua khung hình khi xử lý định dạng 4:4:4.
Sửa lỗi cho công cụ bố cục và JavaScript
Bản thử nghiệm này khắc phục nhiều sự cố kéo dài liên quan đến CSS Grid và bố cục văn bản. Logic tính kích thước hàng/cột (track) trong Grid đã được cải tiến để tính toán chính xác các phần tử trải dài trên nhiều track mà không gây ra chi phí tính toán lại bố cục theo cấp số nhân. Đồng thời, cơ chế hiển thị line-clamp cũng được chỉnh sửa để phù hợp với các quy chuẩn mới nhất về vị trí dấu ba chấm khối và cách đếm dòng trong các khối lồng nhau.
Những cập nhật cho môi trường thực thi JavaScript tập trung xử lý đối tượng giữa các miền thực thi (cross-realm), đảm bảo các thể hiện Promise, biểu thức chính quy và ArrayBuffer duy trì đúng hàm khởi tạo gốc khi chạy xuyên qua các iframe. Các bản sửa lỗi định dạng quốc tế hóa đã giải quyết lỗi đầu ra trong Intl.DurationFormat và Intl.Segmenter, trong khi những cải tiến về khả năng truy cập VoiceOver xử lý xong vấn đề theo dõi sự kiện cho các điều khiển tùy chỉnh được định dạng bằng quy tắc pointer-events.
Ảnh minh họa do AI tạo, không phải ảnh tư liệu.