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

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 4 năm 2026.

Rachel Andrew

Ngày xuất bản: 24 tháng 4 năm 2026

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

Chrome 147 và Firefox 150 được phát hành cho phiên bản ổn định trong tháng 4. Không có bản phát hành ổn định nào của Safari trong tháng này. Bài đăng này sẽ giới thiệu nhiều tính năng mới trong tháng này.

Hàm contrast-color() CSS trở thành Đường cơ sở

Với Chrome 147 phát hành hàm contrast-color(), tính năng hỗ trợ tiếp cận hữu ích này hiện có trên tất cả các công cụ chính, giúp tính năng này có sẵn trong Baseline Newly.

Hàm này lấy một giá trị màu và trả về màu đen hoặc trắng, tuỳ thuộc vào màu nào có độ tương phản cao nhất so với màu được cung cấp. Điều này giúp đảm bảo văn bản của bạn đáp ứng các yêu cầu về độ tương phản hỗ trợ tiếp cận.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

Các thuộc tính phạm vi của ảnh động dựa trên thao tác cuộn hiện là Baseline

Firefox 150 hỗ trợ các thuộc tính animation-range-start và animation-range-end, cũng như thuộc tính viết tắt animation-range. Điều này khiến các tài sản này trở thành tài sản Mới có sẵn trong đường cơ sở.

Những thuộc tính này cho phép bạn kiểm soát vị trí bắt đầu và kết thúc của ảnh động trong dòng thời gian của ảnh động dựa trên thao tác cuộn.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

Phương thức ariaNotify()

Firefox 150 giới thiệu tính năng hỗ trợ phương thức ariaNotify() trên Document và Element. Phương thức này cho phép tác giả nội dung đưa một chuỗi văn bản vào hàng đợi để trình đọc màn hình thông báo.

Điều này mang đến một giải pháp thay thế đáng tin cậy và tiện dụng hơn cho các vùng hoạt động ARIA, đặc biệt là đối với những thông báo không liên quan đến các bản cập nhật DOM.

Browser Support

  • Chrome: 141.
  • Edge: 141.
  • Firefox: not supported.
  • Safari: not supported.

Source

Kích thước tự động cho hình ảnh được tải từng phần

Firefox 150 hiện hỗ trợ từ khoá "auto" cho thuộc tính sizes của các phần tử <img>. Điều này cho phép hình ảnh được tải từng phần sử dụng kích thước bố cục hình ảnh đã tính toán để chọn nguồn phù hợp nhất từ srcset, giúp đơn giản hoá việc thiết lập hình ảnh thích ứng.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari: not supported.

Source

Chuyển đổi khung hiển thị theo phạm vi phần tử

Chrome 147 hiển thị element.startViewTransition() trên các phần tử HTML tuỳ ý. Điều này cho phép các hiệu ứng chuyển đổi được giới hạn trong một phạm vi phần tử cụ thể, nghĩa là các phần tử giả sẽ chịu ảnh hưởng của các đoạn trích video và biến đổi đối tượng cấp trên, đồng thời nhiều hiệu ứng chuyển đổi có thể chạy đồng thời.

Thuộc tính border-shape của CSS

Chrome 147 giới thiệu thuộc tính border-shape, cho phép bạn tạo đường viền không phải hình chữ nhật bằng các hình dạng như đa giác hoặc hình tròn.

Thuộc tính đường dẫn <textPath> SVG

Chrome 147 bổ sung tính năng hỗ trợ cho thuộc tính path trên phần tử <textPath> SVG, cho phép bạn xác định hình học đường dẫn văn bản nội tuyến.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 61.
  • Safari: not supported.

Hỗ trợ Modulepreload cho JSON và kiểu

Chrome 147 bổ sung tính năng hỗ trợ cho các loại mô-đun JSON và kiểu dưới dạng đích đến <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 triển khai đề xuất TC39 cho Math.sumPrecise, trả về tổng chính xác của các giá trị trong một đối tượng có thể lặp lại. Phương pháp này hiện đã có trong Baseline Newly.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

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 để thử nghiệm các tính năng mới hoặc việc xoá bỏ có thể ảnh hưởng đến trang web của bạn trước khi bản phát hành đó được triển khai trên toàn thế giới. Các phiên bản beta mới trong tháng này là Chrome 148, Firefox 151 và Safari 26.5.

Chrome 148 beta bao gồm các truy vấn vùng chứa chỉ có tên trong CSS, tính năng tải từng phần cho các phần tử video và âm thanh, cũng như hàm at-rule() để phát hiện tính năng trong @supports.

Firefox 151 beta có các truy vấn kiểu vùng chứa CSS.

Safari 26.5 beta hỗ trợ lớp giả :open trên các phần tử <details>, <dialog>, <select> và <input>, ngoài ra còn có nhiều giải pháp cho các vấn đề.