Điểm mới trên nền tảng web vào tháng 8

Khám phá một số tính năng thú vị đã xuất hiện trong các trình duyệt web ổn định và beta trong tháng 8 năm 2025.

Rachel Andrew

Ngày xuất bản: 29 tháng 8 năm 2025

Bản phát hành trình duyệt ổn định

Chrome 139 và Firefox 142 được phát hành cho phiên bản ổn định trong tháng 8. Bài đăng này sẽ xem xét ý nghĩa của việc đó đối với nền tảng web.

URL Pattern API

Firefox 142 hỗ trợ URL Pattern API, giúp việc so khớp và phân tích cú pháp URL trở nên dễ dàng hơn nhiều. Tính năng này đã có trong Chrome và trong phiên bản Safari 26 beta. Điều này có nghĩa là chúng ta sẽ sớm thấy tính năng này trong Baseline.

Lên lịch tác vụ theo mức độ ưu tiên

Firefox 142 cũng hỗ trợ Prioritized Task Scheduling API. Hỗ trợ bao gồm Scheduler, TaskController, TaskSignal, TaskPriorityChangeEvent (và sự kiện prioritychange), cũng như các thuộc tính Window.scheduler và WorkerGlobalScope.scheduler.

Điều này có nghĩa là giờ đây, bạn có thể dùng scheduler.yield để chia nhỏ các tác vụ dài trong cả Chrome và Firefox. Ngoài ra, còn có một polyfill có thể giúp bạn trong trường hợp không được hỗ trợ.

Tạo hình góc CSS

Nếu luôn muốn tạo một hình vuông tròn, bạn sẽ rất vui khi thấy thuộc tính corner-shape mới trong Chrome 139. Thuộc tính này hoạt động cùng với border-radius, cho phép bạn điều chỉnh hình dạng của góc lần đầu tiên.

Bạn có thể xem thêm thông tin chi tiết và một số ví dụ trong bài viết Tìm hiểu về hình dạng góc CSS và sức mạnh của đường siêu elip.

Hàm tuỳ chỉnh CSS

Chrome 139 cũng có các hàm tuỳ chỉnh CSS. Đây là các thuộc tính tương tự như thuộc tính tuỳ chỉnh, nhưng thay vì trả về một giá trị cố định duy nhất, các thuộc tính này sẽ trả về giá trị dựa trên các thuộc tính tuỳ chỉnh, thông số và điều kiện khác.

Các hàm CSS được xác định bằng quy tắc @function và là một phần của quy cách Hàm và Mixin tuỳ chỉnh của CSS.

@function --negate(--value) {
result: calc(var(--value) * -1);
}

div {
--gap: 1em;
margin-top: --negate(var(--gap));
}

Lệnh gọi request-close

Các phần tử hộp thoại có thể bị đóng thông qua nhiều cơ chế, đôi khi nhà phát triển muốn có khả năng ngăn chặn việc đóng. Để đạt được điều này, các hộp thoại sẽ kích hoạt một sự kiện huỷ. Ban đầu, sự kiện này chỉ được kích hoạt bằng một yêu cầu đóng (ví dụ: nhấn phím ESC). Gần đây, một hàm JavaScript requestClose() đã được thêm vào và cũng kích hoạt sự kiện huỷ.

Lệnh request-close (hiện có trong Chrome 139) mang đến khả năng mới đó cho API lệnh của trình gọi khai báo.

Bản phát hành trình duyệt beta

Phiên bản trình duyệt beta giúp bạn xem trước những tính năng sẽ có trong phiên bản ổn định tiếp theo của trình duyệt. Đây là thời điểm thích hợp để kiểm thử các tính năng mới hoặc việc xoá các tính năng có thể ảnh hưởng đến trang web của bạn trước khi bản phát hành đó ra mắt trên toàn thế giới. Các phiên bản thử nghiệm mới trong tháng này là Firefox 143 và Chrome 140, trong đó phiên bản thử nghiệm Safari 26 vẫn đang diễn ra.

Firefox 143 bao gồm phần tử giả ::details-content, có trong Interop 2025. Bản phát hành này sẽ cung cấp tính năng Đường cơ sở. Thuộc tính text-autospace CSS cũng được đưa vào. Tính năng quốc tế hoá này rất hữu ích nếu bạn đang hiển thị văn bản tiếng Trung, tiếng Nhật hoặc tiếng Hàn (CJK) cùng với các ký tự không phải CJK. Bạn có thể chỉ định khoảng cách được áp dụng giữa các ký tự này.

Chrome 140 bao gồm thuộc tính source của ToggleEvent. Thuộc tính này chứa phần tử đã kích hoạt ToggleEvent được kích hoạt. Ngoài ra, bản phát hành này còn hỗ trợ bộ mô tả font-variation-settings trong quy tắc @font-face, cùng với một số nội dung cập nhật WebGPU.