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

Khám phá một số tính năng thú vị đã có trong phiên bản ổn định và phiên bản thử nghiệm của trình duyệt web trong tháng 10 năm 2026.

Rachel Andrew

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

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

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 và Safari 27.2 được phát hành cho kênh ổn định trong tháng 10 năm 2026. Bài đăng này điểm qua các tính năng mới ra mắt trên các trình duyệt trong tháng này, trong đó có một số tính năng chính đạt trạng thái Mới có trong Baseline.

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

Firefox 159 bật ảnh động dựa trên thao tác cuộn theo mặc định.

Ảnh động dựa trên thao tác cuộn cho phép bạn liên kết tiến trình của ảnh động CSS hoặc ảnh động API Ảnh động web với độ lệch cuộn của vùng chứa cuộn (bằng cách sử dụng hàm scroll-timeline và scroll()) hoặc với chế độ hiển thị của một phần tử trong cổng cuộn (bằng cách sử dụng hàm view-timeline và view(), được chỉ định bằng animation-timeline):

Với sự hỗ trợ trong Chrome, Safari và giờ là Firefox 159, ảnh động dựa trên thao tác cuộn là Baseline Mới ra mắt.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Hãy xem bài viết Ảnh động dựa trên thao tác cuộn: Hành trình đến với Baseline Mới ra mắt và cuộn dòng thời gian để khám phá cách ảnh động dựa trên thao tác cuộn phát triển từ một đề xuất đầu năm 2014 thành một tiêu chuẩn web có khả năng tương tác được cung cấp trên mọi công cụ trình duyệt chính.

Sổ đăng ký phần tử tuỳ chỉnh theo phạm vi trở thành Baseline

Firefox 159 bổ sung tính năng hỗ trợ cho sổ đăng ký phần tử tuỳ chỉnh trong phạm vi.

Trước đây, tất cả các phần tử tuỳ chỉnh đều phải được đăng ký trong một sổ đăng ký window.customElements chung duy nhất. Điều này có thể gây ra xung đột tên khi kết hợp các thành phần từ nhiều thư viện hoặc nhóm khác nhau. Giờ đây, bạn có thể tạo một thực thể CustomElementRegistry độc lập bằng cách sử dụng hàm khởi tạo CustomElementRegistry() và đặt phạm vi định nghĩa của thực thể đó cho một cây bóng cụ thể. Thuộc tính customElementRegistry cũng có trên Document, Element và ShadowRoot.

Nhờ được hỗ trợ trên Chrome, Safari và Firefox 159, các sổ đăng ký phần tử tuỳ chỉnh trong phạm vi hiện đã có trong Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Hỗ trợ hình ảnh JPEG XL

Cả Chrome 155 và Firefox 158 đều hỗ trợ định dạng hình ảnh JPEG XL (image/jxl) theo mặc định.

JPEG XL là một định dạng hình ảnh đường quét miễn phí bản quyền được chuẩn hoá theo ISO/IEC 18181. Định dạng này hỗ trợ nén có tổn hao và không tổn hao, giải mã tăng dần, gam màu rộng, dải động cao (HDR), độ sâu bit cao, độ trong suốt và ảnh động, cũng như chuyển mã không tổn hao các tệp JPEG hiện có. Firefox 158 cũng cập nhật tiêu đề HTTP Accept mặc định cho các yêu cầu hình ảnh để bao gồm image/jxl.

Tìm hiểu thêm trong bài viết Phát hành JPEG XL trong Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

Số học có kiểu CSS trở thành Baseline

Firefox 158 bổ sung tính năng hỗ trợ cho phép toán có kiểu CSS trong các hàm toán học như calc().

Phép toán có kiểu dữ liệu CSS cho phép bạn chia hai giá trị có cùng kiểu dữ liệu (ngay cả khi chúng sử dụng các đơn vị khác nhau) để tạo ra thương số <number> không có đơn vị. Bạn có thể sử dụng trực tiếp kết quả không có đơn vị đó trong các thuộc tính chấp nhận số (như opacity hoặc line-height) hoặc nhân kết quả đó với một đơn vị khác để chuyển đổi giữa các loại:.

Với việc Firefox 158 bổ sung vào tính năng hỗ trợ hiện có trong Chrome và Safari, số học có kiểu CSS hiện là Mới có trên Baseline.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 bổ sung tính năng hỗ trợ cho thuộc tính PerformanceResourceTiming.deliveryType.

Thuộc tính này cho biết cách phân phối tài nguyên, ví dụ: trả về "cache" khi tài nguyên được phân phát từ bộ nhớ đệm.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

Hàm CSS random()

Chrome 156 bổ sung tính năng hỗ trợ cho hàm CSS random().

Hàm random() tạo một giá trị số ngẫu nhiên trong phạm vi tối thiểu và tối đa được chỉ định, với khoảng bước không bắt buộc. Theo mặc định, mỗi lệnh gọi random() sẽ phân giải thành một giá trị ngẫu nhiên riêng biệt hoặc bạn có thể truyền <random-key> làm đối số đầu tiên để chia sẻ giá trị ngẫu nhiên giữa các thuộc tính hoặc phần tử:

Xem các ví dụ trong bài viết Embracing playful imperfection with the CSS random() function (Tận hưởng sự không hoàn hảo một cách vui nhộn bằng hàm của CSS) trên Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

Thuộc tính CSS margin-trim

Chrome 155 bổ sung tính năng hỗ trợ cho thuộc tính CSS margin-trim trên vùng chứa khối và vùng chứa nhiều cột.

Bạn có thể sử dụng margin-trim trên một vùng chứa để bỏ qua lề của các phần tử con nơi chúng gặp các cạnh của vùng chứa, tránh khoảng cách thừa trước phần tử con đầu tiên hoặc sau phần tử con cuối cùng mà không cần ghi đè :first-child hoặc :last-child.

Tìm hiểu thêm trong bài viết Xoá lề bắt đầu và lề kết thúc bằng thuộc tính margin-trim.

Browser Support

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

Source

Kiểu bộ đếm cùng dòng với hàm CSS symbols()

Chrome 155 ra mắt tính năng hỗ trợ hàm CSS symbols().

Hàm symbols() cho phép bạn xác định trực tiếp kiểu bộ đếm ẩn danh trong list-style-type, viết tắt list-style, counter() hoặc counters() mà không cần khai báo quy tắc at-rule @counter-style riêng biệt có tên.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

Thuộc tính CSS text-decoration-skip-spaces

Chrome 155 bổ sung thuộc tính CSS text-decoration-skip-spaces, giúp kiểm soát việc các đường trang trí văn bản (chẳng hạn như gạch dưới, gạch trên và gạch ngang) có bỏ qua các ký tự khoảng trắng hay không. Điều này giúp bạn ngăn các thành phần trang trí được vẽ dưới khoảng trắng ở đầu, cuối hoặc giữa các từ.

Browser Support

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

Lớp giả :navigation-source CSS

Chrome 156 ra mắt lớp giả :navigation-source CSS. Lớp này khớp với phần tử đường liên kết, nút hoặc biểu mẫu đã bắt đầu một thao tác điều hướng và giữ cho phần tử đó được chọn trong suốt quá trình điều hướng.

Browser Support

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

Nhập mô-đun văn bản JavaScript và thử tải lại mô-đun không thành công

Chrome 155 bổ sung tính năng hỗ trợ nhập mô-đun văn bản bằng import ... with { type: "text" }, tương tự như Firefox. Thuộc tính nhập type: "text" tải nội dung của mô-đun mục tiêu dưới dạng chuỗi JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 cũng cập nhật hành vi tải mô-đun để các lần tải mô-đun không thành công không còn được lưu vào bộ nhớ đệm vĩnh viễn. Giờ đây, các ứng dụng có thể thử tải lại mô-đun không thành công, chẳng hạn như bằng cách gọi lại import() sau khi xảy ra lỗi mạng tạm thời.

Nội dung cập nhật về WebTransport trong Chrome và Firefox

Firefox 158 và Chrome 156 đều mở rộng WebTransport:

Firefox 158 bổ sung phương thức WebTransport.getStats() để truy xuất số liệu thống kê về kết nối và gói dữ liệu, đồng thời thêm thuộc tính tĩnh WebTransport.supportsReliableOnly cho biết liệu trình duyệt có hỗ trợ các phiên WebTransport qua các phương thức truyền tải đáng tin cậy hay không.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 bổ sung tính năng hỗ trợ truyền tiêu đề của yêu cầu HTTP tuỳ chỉnh trong WebTransportOptions trong quá trình bắt tay CONNECT ban đầu và đọc tiêu đề phản hồi của máy chủ từ thực thể WebTransport.

Lựa chọn Notification navigate trong Firefox

Firefox 158 bổ sung tính năng hỗ trợ cho tuỳ chọn navigate trong hàm khởi tạo Notification() và ServiceWorkerRegistration.showNotification(), cũng như thuộc tính Notification.navigate, tương tự như Safari. Tuỳ chọn này chỉ định một URL để trình duyệt chuyển đến khi người dùng nhấp vào thông báo hệ thống.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Nội dung cập nhật về API Trình dọn dẹp HTML trong Firefox

Firefox 158 bổ sung tuỳ chọn cấu hình javascriptURLs và Sanitizer.setJavascriptURLs() vào HTML Sanitizer API, kiểm soát việc các thuộc tính chứa URL javascript: có bị xoá khi sử dụng các phương thức chèn HTML không an toàn như Element.setHTMLUnsafe() hay không.

Browser Support

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

Firefox 159 cũng cập nhật các phương thức dọn dẹp an toàn như Element.setHTML(), để loại bỏ các phần tử và thuộc tính không mong muốn trong quá trình phân tích cú pháp thay vì sau khi xây dựng cây DOM, đảm bảo rằng văn bản lân cận nằm trong một nút văn bản duy nhất.

Đổi tên flow-tolerance thành fit-tolerance trong Safari

Safari 27.2 đổi tên thuộc tính flow-tolerance thành fit-tolerance cho bố cục làn lưới (display: grid-lanes), giữ lại flow-tolerance làm bí danh không dùng nữa.

Browser Support

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

Bản phát hành trình duyệt thử nghiệm

Phiên bản trình duyệt thử nghiệm cho phé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 các tính năng bị loại bỏ có thể ảnh hưởng đến trang web của bạn trước khi phiên bản đó được phát hành rộng rãi. Các phiên bản thử nghiệm mới trong tháng này là Chrome 157, Chrome 158 và Firefox 160.

Chrome 157 beta bao gồm viết tắt CSS corner và viết tắt phụ cạnh để đặt border-radius và corner-shape cùng nhau, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid và anchor-visible. Phiên bản này cũng hỗ trợ kết xuất HTML trong canvas và thuộc tính displaymode chỉ có biểu tượng cho các phần tử chức năng <camera>, <microphone> và <geolocation>.

Chrome 158 beta ra mắt phần tử HTML <install> khai báo và Web Install API (navigator.install()) để cài đặt ứng dụng web trên nhiều nguồn gốc. Các phần bổ sung CSS và SVG bao gồm bộ chọn đánh dấu tuỳ chỉnh chung ::highlight(*), lớp giả trạng thái phần tử đa phương tiện (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), từ khoá căn chỉnh flow-start và flow-end, cũng như bán kính closest-corner và farthest-corner cho các hình dạng cơ bản circle() và ellipse().

Firefox 160 beta cập nhật API WebExtensions runtime.PlatformInfo để trả về arch dưới dạng arm64 thay vì aarch64 trên nền tảng ARM64, phù hợp với Chrome.