Tính năng mới trong Chrome 138

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

Chrome 138 hiện đang được triển khai. Bài đăng này chia sẻ một số tính năng chính trong bản phát hành này. Đọc toàn bộ ghi chú phát hành của Chrome 138.

Điểm nổi bật trong bản phát hành này:

  • Sử dụng các API AI mới tích hợp để tóm tắt, dịch hoặc phát hiện ngôn ngữ của văn bản.
  • Xem một số hàm CSS mới.
  • Điều chỉnh bố cục web để nhắm đến các thiết bị có thể gập lại bằng Viewport Segments API.

Các API Translator, Language Detector và Summarizer

Chrome đang phát triển các API nền tảng web và tính năng trình duyệt được thiết kế để hoạt động với các mô hình AI, mô hình chuyên gia và mô hình ngôn ngữ lớn (LLM) được tích hợp trong trình duyệt. Với AI tích hợp, trang web hoặc ứng dụng web của bạn có thể thực hiện các tác vụ dựa trên AI mà không cần triển khai, quản lý hoặc tự lưu trữ các mô hình AI.

Từ Chrome 138, bạn có thể thêm các tính năng dịch vào ứng dụng web của mình với Translator API. Điều này có thể cho phép người dùng đóng góp bằng ngôn ngữ chính của họ. Ví dụ: khi tham gia các cuộc trò chuyện hỗ trợ, trang web của bạn có thể dịch nội dung của họ sang ngôn ngữ mà nhân viên hỗ trợ của bạn sử dụng, trước khi nội dung đó rời khỏi thiết bị của người dùng. Điều này tạo ra trải nghiệm mượt mà, nhanh chóng và toàn diện cho tất cả người dùng.

Translator API có thể hoạt động cùng với Language Detector API để bật tính năng phát hiện ngôn ngữ trên thiết bị của riêng người dùng, mang lại quyền riêng tư tốt hơn so với các giải pháp thay thế yêu cầu tải lên máy chủ đám mây.

Bạn có thể sử dụng Summarizer API để tạo nhiều loại bản tóm tắt với nhiều độ dài và định dạng, chẳng hạn như câu, đoạn văn, danh sách dấu đầu dòng và nhiều định dạng khác. Ví dụ:

  • Tóm tắt các điểm chính của một bài viết hoặc cuộc trò chuyện.
  • Đề xuất tiêu đề và tiêu đề cho bài viết.
  • Tạo bản tóm tắt ngắn gọn và nhiều thông tin về một văn bản dài.
  • Tạo đoạn giới thiệu cho một cuốn sách dựa trên bài đánh giá sách.

Hàm CSS

Các hàm CSS có trong Chrome 138 bao gồm các hàm liên quan đến dấu abs()sign(), tính toán nhiều hàm liên quan đến dấu của đối số.

Ngoài ra, ký hiệu hàm progress() trả về giá trị <number> biểu thị vị trí của một phép tính (giá trị tiến trình) giữa hai phép tính khác (giá trị bắt đầu tiến trình và giá trị kết thúc tiến trình).

Cuối cùng, bạn có thể sử dụng các hàm sibling-index()sibling-count() làm số nguyên trong các giá trị thuộc tính CSS để tạo kiểu cho các phần tử dựa trên vị trí của chúng trong số các phần tử cùng cấp hoặc tổng số phần tử cùng cấp tương ứng.

Viewport Segments API

Viewport Segments API cho phép bạn nhắm đến các thiết bị có thể gập lại. Các phân đoạn khung nhìn được tạo khi khung nhìn được chia tách bằng một hoặc nhiều tính năng phần cứng (chẳng hạn như nếp gấp hoặc bản lề giữa các màn hình riêng biệt) đóng vai trò là dấu phân cách.

Tìm hiểu thêm trong bài viết Hỗ trợ các thiết bị có thể gập lại bằng Viewport Segments API.

Và nhiều tính năng khác!

Tất nhiên còn nhiều tính năng khác:

  • Khi <> nằm trong giá trị thuộc tính, chúng sẽ được thoát khi tuần tự hoá.
  • Hai giá trị mới – "prefetchCache""prerenderCache" – cho tiêu đề Clear-Site-Data cho phép bạn nhắm đến việc xoá bộ nhớ đệm kết xuất trước và tìm nạp trước.
  • Từ khoá stretch cho các thuộc tính kích thước CSS (ví dụ: widthheight) cho phép các phần tử tăng lên để lấp đầy chính xác không gian có sẵn của khối chứa.