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

Rachel Andrew

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

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

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

Translator API, Language Detector API và Summarizer API

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. Trong đó có Gemini Nano, phiên bản hiệu quả nhất của bộ mô hình ngôn ngữ lớn Gemini, được thiết kế để chạy cục bộ trên hầu hết các máy tính và máy tính xách tay hiện đại. 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.

Kể từ Chrome 138, bạn có thể thêm chức năng dịch vào ứng dụng web của mình bằng Translator API. Điều này có thể giú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 giúp mang lại 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 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ể dùng Summarizer API để tạo nhiều loại bản tóm tắt với độ dài và định dạng đa dạng, chẳng hạn như câu, đoạn văn, danh sách dấu đầu dòng, v.v. 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à đề mục cho bài viết.
  • Tạo một bản tóm tắt súc tích và giàu thông tin cho 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 là abs() và sign(). Các hàm này 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ể dùng các hàm sibling-index() và 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 hiển thị được tạo khi khung hiển thị bị chia tách bởi 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à đường phân chia.

Tìm hiểu thêm trong bài viết Hỗ trợ 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 là còn nhiều điều khác nữa:

  • Khi < và > nằm trong một giá trị thuộc tính, các giá trị này hiện đã được thoát khi chuyển đổi tuần tự.
  • Hai giá trị mới – "prefetchCache" và "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ụ: width và height) cho phép các phần tử tăng kích thước để lấp đầy chính xác không gian có sẵn của khối chứa.