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

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 9 năm 2025.

Rachel Andrew

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

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

Chrome 140, Chrome 141, Safari 26 và Firefox 143 đã được phát hành cho phiên bản ổn định trong tháng 9. Bài đăng này sẽ xem xét những gì đã diễn ra trong một tháng khá thú vị đối với nền tảng web.

Các tính năng mới của CSS trong Safari 26

Bản phát hành Safari mới nhất có rất nhiều điểm nổi bật, bạn có thể xem bài viết toàn diện về Các tính năng WebKit trong Safari 26.0. Sau đây là một số điểm nổi bật hàng đầu của CSS.

Vị trí điểm neo

Trong Interop 2025, Safari đã hỗ trợ tính năng định vị phần tử neo CSS. Điều này cho phép bạn liên kết các phần tử với một điểm neo và đặc biệt hữu ích khi kết hợp với cửa sổ bật lên.

Browser Support

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

Source

text-wrap: pretty

Giá trị pretty của text-wrap yêu cầu trình duyệt cải thiện kiểu chữ – ví dụ: giảm tác động của các cạnh không đều và các dòng chữ dài, đồng thời ngăn chặn các dòng cuối cùng quá ngắn.

Browser Support

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

Source

Ảnh động dựa trên thao tác cuộn

Safari cũng hỗ trợ ảnh động dựa trên thao tác cuộn, cho phép bạn liên kết ảnh động với khoảng cách mà người dùng đã cuộn.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

Giá trị và hàm mới

Safari là trình duyệt đầu tiên hỗ trợ hàm contrast-color(), giúp bạn yêu cầu trình duyệt chọn màu có độ tương phản cao nhất so với một màu khác.

Browser Support

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

Source

Hàm toán học progress() trả về một số cho biết tiến trình giữa hai giá trị khác.

Browser Support

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

Hiện tại, chúng tôi hỗ trợ các thuộc tính align-self và justify-self để định vị tuyệt đối.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

Các thuộc tính logic overflow-block và overflow-inline được hỗ trợ và có thể dùng thay cho overflow-x và overflow-y.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

Safari hiện cũng hỗ trợ margin-trim.

Browser Support

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

Source

Phần tử giả ::details-content

Firefox 143 bổ sung khả năng hỗ trợ ::details-content, cho phép bạn tạo kiểu cho nội dung của phần tử <details>.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

Hỗ trợ việc tạo kiểu cho các điểm đánh dấu được tạo bằng nội dung do AI tạo

Firefox 143 cũng bổ sung tính năng hỗ trợ cho bộ chọn ::before::marker và ::after::marker. Các thuộc tính này cho phép bạn tạo kiểu cho một ::marker khi đối tượng này được tạo bằng phần tử giả ::before hoặc ::after.

Browser Support

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

Digital Credentials API

Safari 26 và Chrome 141 có hỗ trợ Digital Credentials API. Điều này cho phép các trang web chọn lọc yêu cầu thông tin có thể xác minh về người dùng thông qua thông tin xác thực kỹ thuật số, chẳng hạn như giấy phép lái xe hoặc thẻ căn cước quốc gia được lưu trữ trong ví điện tử.

Browser Support

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

URL Pattern API (API Mẫu URL) sẽ trở thành Baseline Newly available (Đường cơ sở mới có sẵn)

URL Pattern API cho phép bạn sử dụng URL Pattern Standard để so khớp các URL bằng biểu thức chính quy. Tính năng này được phát hành trong Safari 26 và hiện đã có trong Baseline Newly.

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

Uint8Array đến và từ base64 và hex hiện là Baseline Mới ra mắt

Base64 là một cách phổ biến để biểu thị dữ liệu nhị phân tuỳ ý dưới dạng ASCII. JavaScript có Uint8Arrays cho dữ liệu nhị phân. Tuy nhiên, nó thiếu cơ chế tích hợp để mã hoá dữ liệu đó dưới dạng base64 hoặc lấy dữ liệu base64 và tạo ra một Uint8Array tương ứng. Tính năng này bổ sung khả năng và các phương thức để chuyển đổi giữa các chuỗi thập lục phân và Uint8Arrays. Với Chrome 140, Baseline Newly available (Đường cơ sở mới có sẵn) sẽ xuất hiện.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

Thuộc tính caret-animation

Thuộc tính CSS caret-animation được phát hành trong Chrome 140 và có 2 giá trị có thể có: auto và manual. auto có nghĩa là mặc định của trình duyệt (nhấp nháy) và manual có nghĩa là nhà phát triển kiểm soát ảnh động dấu nháy. Ngoài ra, người dùng cảm thấy khó chịu hoặc có phản ứng tiêu cực với hình ảnh nhấp nháy có thể tắt tính năng nhấp nháy bằng biểu định kiểu người dùng.

Browser Support

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

Source

ARIA Notify API

Từ Chrome 141, ariaNotify cung cấp một API JavaScript cho phép tác giả nội dung cho trình đọc màn hình biết nội dung cần đọc. So với các vùng trực tiếp ARIA, tính năng này cải thiện độ tin cậy và khả năng kiểm soát của nhà phát triển, cho phép thông báo các thay đổi không liên quan đến nội dung cập nhật DOM.

Lựa chọn IndexedDB getAllRecords() và direction cho getAll() và getAllKeys()

Tính năng này trong Chrome 141 sẽ thêm phương thức getAllRecords() vào IndexedDB IDBObjectStore và IDBIndex. Thao tác này cũng thêm một tham số hướng vào getAll() và getAllKeys(). Chức năng này giúp một số mẫu đọc nhanh hơn đáng kể so với phương án thay thế hiện có là sử dụng các con trỏ để lặp lại.

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 144 và Safari 26.1.

Safari 26.1 chủ yếu là bản phát hành sửa lỗi, trong đó có các bản sửa lỗi về vị trí của phần tử liên kết, cùng với những thay đổi khác. Firefox 144 sẽ cung cấp hiệu ứng chuyển đổi khung hiển thị cho Ứng dụng một trang (SPA). Đây là một trong những lĩnh vực trọng tâm của Interop 2025 và có nghĩa là tính năng này sẽ trở thành Baseline Newly available (Đường cơ sở mới có sẵn).

Firefox 144 cũng bao gồm phương thức moveBefore() trên các giao diện Element, DocumentFragment và Document. Điều này cho phép bạn di chuyển một phần tử con trực tiếp của đối tượng, trước một phần tử con khác của đối tượng đó.