Ngày xuất bản: 20 tháng 5 năm 2025
Tại Google I/O 2025, chúng tôi đã ra mắt các tính năng mới để tăng cường hiệu suất và giúp bạn xây dựng một trang web mạnh mẽ, liền mạch và hiện đại hơn.
Sau đây là 10 điểm cải tiến chính giúp bạn trực tiếp sử dụng các tính năng tiên tiến và chắc chắn sẽ truyền cảm hứng cho dự án tiếp theo của bạn.
1. Giờ đây, bạn có thể dễ dàng tạo băng chuyền chỉ với vài dòng CSS và HTML
Tạo băng chuyền đẹp mắt bằng CSS có tính tương tác ngay từ lần hiển thị đầu tiên. Chrome 135 đã giới thiệu các nguyên hàm CSS mới (phân mảnh có thể định kiểu, các phần tử đánh dấu vị trí cuộn và nút cuộn) giúp đơn giản hoá việc tạo băng chuyền mà không cần JavaScript. Sử dụng các khái niệm CSS quen thuộc để tạo băng chuyền phong phú, có tính tương tác, mượt mà và dễ tiếp cận hơn trong một khoảng thời gian ngắn.
2. Cửa sổ bật lên khai báo: Giới thiệu API Interest Invoker mới
API Interest Invoker thử nghiệm có ở dạng bản dùng thử theo nguồn gốc
.
Với tính năng này, bạn có thể khai báo để bật/tắt cửa sổ bật lên khi khách truy cập quan tâm trong một khoảng thời gian ngắn. Tạm biệt thuộc tính [title] không thể định kiểu; xin chào [interesttarget]! Kết hợp API này với
API Vị trí neo và
API Cửa sổ bật lên
để tạo các phần tử phong phú, thích ứng và có tính tương tác trên giao diện người dùng, chẳng hạn như chú giải công cụ hoặc thẻ di chuột,
mà không cần JavaScript. Bạn có vô số lựa chọn với CSS hiện đại!
3. Hiện có một số API AI tích hợp sử dụng các mô hình nền tảng hàng đầu, hiện có các tính năng đa phương thức trong API Lời nhắc
Hành trình AI tích hợp của chúng tôi tiếp tục mang đến cho bạn quyền riêng tư nâng cao, độ trễ giảm và chi phí thấp hơn, cùng với quyền truy cập vào kết quả chất lượng cao do AI tạo. AI tích hợp sử dụng các mô hình chuyên gia và Gemini Nano (mô hình hiệu quả nhất của Google) cho các tác vụ trên thiết bị. Từ Chrome 138, API Tóm tắt, API Trình phát hiện ngôn ngữ, API Trình dịch, và API Lời nhắc cho Tiện ích Chrome có trong phiên bản ổn định. Ngoài ra, API Writer và API Rewriter có trong bản dùng thử theo nguồn gốc.
API Proofreader mới cùng với API Lời nhắc có các tính năng đa phương thức có trong Chrome Canary.
Để biết thông tin mới nhất, hãy tham gia chương trình xem trước sớm của chúng tôi để cộng tác trên các API AI tích hợp mới và định hình tương lai của AI trên web.
4. AI phía máy khách mở rộng với Firebase và Gemini Developer API để cung cấp giải pháp AI kết hợp
Nhờ sự hợp tác của chúng tôi với Firebase và Gemini Developer API, giờ đây, bạn có thể xây dựng trải nghiệm web dựa trên AI trên thiết bị di động và máy tính. Các ứng dụng này sử dụng AI phía máy khách khi có thể và mở rộng liền mạch sang AI phía máy chủ để tiếp cận tất cả thiết bị và trình duyệt. Kể từ hôm nay, Firebase AI Logic cung cấp quyền truy cập liền mạch vào API Lời nhắc tích hợp của Chrome được hỗ trợ bởi Gemini Nano và các mô hình nhỏ hơn tương tự ở phía máy chủ bằng Gemini Developer API.
5. AI trong Chrome DevTools hỗ trợ quy trình gỡ lỗi của bạn trên nhiều khía cạnh như định kiểu, hiệu suất và nhiều khía cạnh khác
Với AI, bạn có thể trò chuyện với Gemini để được trợ giúp gỡ lỗi định kiểu trong bảng điều khiển Phần tử, giải quyết các vấn đề về hiệu suất trong bảng điều khiển Hiệu suất, xác định các vấn đề về mạng trong bảng điều khiển Mạng và tìm tệp nguồn trong bảng điều khiển Nguồn. Ngoài ra, AI hiện có thể áp dụng trực tiếp các thay đổi liên quan đến định kiểu cho mã nguồn của bạn trong bảng điều khiển Phần tử.
6. Dữ liệu người dùng thực, Thông tin chi tiết về Lighthouse và các tính năng AI trong bảng điều khiển Hiệu suất của Chrome DevTools giúp bạn hiểu và khắc phục các vấn đề về hiệu suất
Với bảng điều khiển Hiệu suất được thiết kế lại, giờ đây, bạn có thể truy cập vào dữ liệu Chỉ số quan trọng về trang web của người dùng thực và cục bộ và yêu cầu Gemini giúp bạn hiểu và khắc phục các vấn đề về hiệu suất. Thanh bên Thông tin chi tiết đưa thông tin chi tiết về Lighthouse vào dấu vết của bạn giúp bạn gỡ lỗi nhanh hơn mà không cần rời khỏi quy trình làm việc hoặc làm gián đoạn hiệu suất.
7. Giờ đây, bạn có thể sử dụng các tính năng cơ bản trong các công cụ quen thuộc: VS Code, ESLint và nhiều công cụ khác
Đạt được độ chính xác và độ tin cậy cao hơn trong quy trình phát triển web nhờ tính năng tích hợp Cơ sở. Trong các công cụ phát triển web quen thuộc, bạn sẽ thấy rõ khả năng sử dụng các tính năng web trên các trình duyệt chính:
- IDE: VSCode hiện hiển thị trạng thái Cơ sở của các tính năng ngay khi bạn xây dựng, sắp hỗ trợ WebStorm của JetBrains và các IDE dựa trên VS Code, bao gồm Firebase Studio, Windsurf, GitHub Codespaces và nhiều IDE khác.
- Trình kiểm tra lỗi: Trình kiểm tra lỗi CSS và HTML có thể chủ động cảnh báo bạn khi bạn đang sử dụng một tính năng mới hơn mục tiêu Cơ sở của bạn. Cơ sở được hỗ trợ trong ESLint cho CSS, HTML ESLint, và Stylelint.
- Analytics: RUMvision kết hợp dữ liệu Cơ sở với các chỉ số của người dùng thực, cho phép bạn chọn phiên bản Cơ sở tối ưu cho đối tượng của mình một cách chiến lược. Người dùng Google Analytics có thể tải dữ liệu của họ lên Trình kiểm tra cơ sở của Google Analytics để nhận đề xuất về Cơ sở.
- Trình biên dịch: sử dụng browserslist-config-baseline để kết nối các mục tiêu Cơ sở vào các công cụ biên dịch mã như Babel và PostCSS để bạn có thể sử dụng các tính năng hiện đại trong mã nguồn và biên dịch chúng trong các bản dựng thực tế.
8. Xem đầy đủ thông tin hỗ trợ tính năng web bằng Trang tổng quan về nền tảng web
Năm ngoái, chúng tôi đã ra mắt Trang tổng quan về nền tảng web, một cách để khám phá dữ liệu về các tính năng web giúp lập bản đồ toàn bộ nền tảng web dưới dạng một tập hợp các tính năng. Với tập dữ liệu về các tính năng web hiện đã được lập bản đồ 100%, lần đầu tiên, bạn có thể xem trạng thái Cơ sở của mọi tính năng trên mọi trình duyệt – từ AVIF đến Chuyển đổi chế độ xem – bao gồm cả khả năng sử dụng và mức độ áp dụng. Luôn nắm bắt thông tin và tự tin xây dựng!
9. Bản dùng thử dành cho nhà phát triển để có trải nghiệm đăng nhập tinh giản bằng Trình quản lý thông tin xác thực
Chúng tôi nhận thấy rằng nhiều phương thức xác thực, bao gồm mật khẩu, liên kết danh tính và khoá truy cập có thể gây khó khăn cho người dùng trang web của bạn. Mục tiêu của chúng tôi là mang đến trải nghiệm đăng nhập hợp nhất và dễ dàng cho người dùng, vì vậy, chúng tôi đang cung cấp trải nghiệm trực quan của Trình quản lý thông tin xác thực của Android cho Chrome. Sắp tới, khi người dùng nhấp vào đăng nhập, Chrome sẽ hiển thị thông tin xác thực có sẵn cho trang web này, chẳng hạn như khoá truy cập và mật khẩu từ Trình quản lý mật khẩu của Google, giúp quá trình đăng nhập diễn ra liền mạch. Chúng tôi cũng dự định thêm tính năng liên kết danh tính vào trải nghiệm này. Trình quản lý thông tin xác thực cho web hiện đang ở giai đoạn dùng thử dành cho nhà phát triển; hãy theo dõi để biết thêm thông tin cập nhật vào cuối năm nay.
10. Lặp lại các Tiện ích Chrome nhanh hơn nhờ khả năng huỷ yêu cầu xem xét việc gửi
Việc gửi Tiện ích Chrome phải diễn ra liền mạch, không lo lắng và thú vị! Tuy nhiên, chúng tôi biết rằng một vấn đề gây khó khăn là bạn không thể nhanh chóng khắc phục lỗi trong một yêu cầu gửi đang chờ xử lý. Đầu năm nay, chúng tôi đã ra mắt tính năng huỷ yêu cầu gửi đang chờ xử lý, dựa trên khả năng khôi phục phiên bản đã xuất bản trước đó—tất cả đều với mục đích giúp bạn thực hiện thay đổi và gửi lại nhanh chóng.
Để biết tất cả thông tin mới nhất, hãy truy cập vào developer.chrome.com và web.dev để tìm hiểu thêm về cách chúng tôi giúp bạn dễ dàng xây dựng một trang web mạnh mẽ, Và đừng quên kết nối với chúng tôi trên X, YouTube, và LinkedIn. Hẹn gặp lại bạn tại I/O tiếp theo!
Deloitte đề cập đến một hoặc nhiều công ty trong số Deloitte Touche Tohmatsu Limited, một công ty tư nhân tại Vương quốc Anh được giới hạn bằng bảo lãnh ("DTTL"), mạng lưới các công ty thành viên và các pháp nhân liên quan. DTTL và mỗi công ty thành viên là các pháp nhân riêng biệt và độc lập về mặt pháp lý. DTTL (còn được gọi là "Deloitte Global") không cung cấp dịch vụ cho khách hàng. Tại Hoa Kỳ, Deloitte đề cập đến một hoặc nhiều công ty thành viên tại Hoa Kỳ của DTTL, các pháp nhân liên quan hoạt động dưới tên "Deloitte" tại Hoa Kỳ và các đơn vị liên kết tương ứng. Một số dịch vụ có thể không được cung cấp cho khách hàng chứng thực theo các quy tắc và quy định của kế toán công. Vui lòng xem www.deloitte.com/about để tìm hiểu thêm về mạng lưới toàn cầu của chúng tôi gồm các công ty thành viên.