Modern Web Guidance 1.0 của Chrome: cách đặt Baseline target cho AI agent

Modern Web Guidance 1.0 của Chrome là gì?

Modern Web Guidance là bộ skill đưa kiến thức nền tảng web, best practice và dữ liệu tương thích trình duyệt vào thẳng coding agent. Chrome công bố bản ổn định 1.0 ngày 10 tháng 11 năm 2026, sau bản xem trước tại Google I/O hồi tháng 5 ^[1].

Ý tưởng khá đơn giản. Tài liệu của Chrome nói AI coding agent hay chọn giải pháp cũ cho bài toán web hiện đại, và các giải pháp đó thường dùng JavaScript ở chỗ một tính năng gốc đã đủ ^[2]. Các skill chỉ cho agent tính năng gốc nào nên dùng thay vào đó.

Độ phủ còn tùy bạn đọc trang nào. Trang hướng dẫn của Chrome nói có best practice cho hơn 100 tình huống phát triển web ^[2], còn bài Show HN nói có hơn 200 guide ^[5]. Không trang nào giải thích chênh lệch này, README lại liệt kê 250 tính năng web hiện đại ^[6], nên bài viết không đưa ra một con số tổng. Sau khi cài, bạn hãy tự đếm những guide khớp với stack của mình.

Bản 1.0 có gì mới so với bản xem trước?

Bài thông báo của Chrome nêu các điểm bổ sung sau ^[1]:

• Quy trình hiện đại hóa: quét codebase có sẵn (HTML, CSS, JavaScript và package.json) để tìm chỗ có thể nâng cấp an toàn.
• Cơ sở dữ liệu guide mở rộng, nhắm đến hàng trăm lỗ hổng kiến thức đã xác minh của AI agent.
• Chuyên gia duyệt từng guide, gồm cả bước phê duyệt từ các trưởng nhóm kỹ thuật theo từng mảng nội dung và một vòng duyệt riêng về khả năng truy cập cho các guide hướng tới người dùng.
• Phép đánh giá phủ mọi guide, kèm bảng điều khiển công khai.
• Firefox và Edge cùng Chrome hỗ trợ dự án và cải thiện khả năng tương thích giữa các trình duyệt.

Kho mã ghi giấy phép Apache License 2.0 cho phần mềm và CC-BY 4.0 cho nội dung guide ^[6].

Cài và dùng thử Modern Web Guidance như thế nào?

Phần quickstart của README chỉ có một lệnh, npx modern-web-guidance@latest install, và README cho biết lệnh này mở một trình hướng dẫn tương tác ^[6]. Bạn cũng có thể dùng thử mà không cài: README có lệnh search để tìm guide và lệnh legacy-scan để quét codebase tìm mẫu code cũ ^[6].

Có một giới hạn cần biết trước khi kỳ vọng một bản vá lớn. Chrome cho biết bản đầu tiên của quy trình hiện đại hóa chỉ phân tích tĩnh để kiểm tra một số mẫu giới hạn, chưa phải một cuộc rà soát đầy đủ ^[1].

Baseline target là gì và vì sao bạn cần đặt?

Baseline là nhãn chung cho biết một tính năng web chạy được rộng đến đâu trên các trình duyệt. Trang hướng dẫn của Chrome chia ba mức: limited availability (chưa tương thích giữa các trình duyệt), newly available (tương thích trong vòng 30 tháng gần đây) và widely available (tương thích từ 30 tháng trở lên) ^[2].

Target là thiết lập duy nhất bạn kiểm soát. Chrome nói bạn có thể chọn một Baseline target rồi thêm vào file AGENTS.md hoặc CLAUDE.md, ví dụ "This project's Baseline target is Baseline 2024" ^[2]. Bài hướng dẫn tháng 7 của LogRocket về bản xem trước nói target mặc định là Baseline Widely available ^[3], còn freeCodeCamp nói công cụ mặc định dùng các tính năng Baseline mới nhất ^[4]. Trang hướng dẫn hiện tại của Chrome không nêu mặc định nào trong nội dung. Hai nguồn nêu mặc định khác nhau và trang của Chrome không nêu mặc định nào, nên hãy đặt target rõ ràng thay vì dựa vào mặc định.

Tính năng nào chưa phải trình duyệt nào cũng hỗ trợ thì xử lý ra sao?

Trang hướng dẫn của Chrome cho biết một số guide đề cập tính năng có mức limited availability, và các guide chỉ cho agent cách giữ cho trình duyệt cũ vẫn chạy. Nhiều trường hợp dùng progressive enhancement, còn polyfill nếu có thì chỉ tải khi cần, nên chỉ trình duyệt thiếu tính năng mới phải trả chi phí ^[2].

Hai tùy chọn bật thêm sẽ mở rộng phạm vi guide. Tính năng volatile, chỉ có ở một engine trình duyệt và có thể thay đổi, cần lệnh npx modern-web-guidance@latest set-allow-volatile-features. Tính năng đang thử nghiệm origin trial cần lệnh set-allow-origin-trials ^[2]. Chrome cho biết guide về origin trial không mở cho agent theo mặc định ^[2], còn README nói guide về tính năng volatile bị khóa cho đến khi bạn đồng ý ^[6].

Các bài thử độc lập cho thấy gì?

Hai bài viết độc lập đã thử bản xem trước, nên hãy coi đó là ví dụ, không phải benchmark. LogRocket so sánh agent có guide và không có guide trên một ứng dụng quản lý tác vụ. Bản có guide dùng thẻ dialog gốc và container query, còn bản không có guide dùng code modal tự viết với trạng thái JavaScript và bộ hẹn giờ ^[3].

Bài của LogRocket cũng cảnh báo công cụ này không thay thế review code, kiểm thử trình duyệt hay các đánh đổi theo sản phẩm ^[3].

freeCodeCamp thử một tooltip và một toast. Tooltip có guide không cần JavaScript, nhưng bài lưu ý thuộc tính interestfor hiện có trong Chrome sau một cờ thử nghiệm, kèm polyfill ^[4]. Cả hai bài đều không nêu số đo thời gian hay dung lượng bundle.

Vì sao một số lập trình viên phản đối?

Bài Show HN đạt 284 điểm và 87 bình luận, và trang hiển thị bài đã đăng chín giờ vào lúc tải trang ^[5]. Tác giả nói nỗ lực này khởi đầu từ Chrome và ra mắt 1.0 cùng Firefox, MDN và Edge ^[5].

Một ý phản đối lặp lại trong chuỗi bình luận là hỗ trợ trình duyệt. Một người dùng liệt kê các tính năng CSS mà skill hướng agent tới, đã ổn định trên Chrome nhưng thiếu trên Firefox và Safari ^[5]. Một người đóng góp cho dự án đáp rằng guide ghi cách dùng các tính năng đó và đưa cho agent bảng hỗ trợ trình duyệt với mọi thứ chưa đạt widely available, rồi agent tự quyết dựa trên mức hỗ trợ của site ^[5]. Một số người khác lo Chrome có quá nhiều ảnh hưởng lên chuẩn web ^[5].

Các con số về độ chính xác đáng tin đến đâu?

Hãy coi đó là số liệu của hãng. Trang hướng dẫn của Chrome nói kết quả sớm cho thấy mức tuân thủ best practice hiện đại tăng trung bình 37 điểm phần trăm, và kết quả có thể khác tùy dự án, model, prompt và công cụ ^[2]. Theo cùng trang hướng dẫn, bài đánh giá là các script Playwright chạy trên một bản triển khai đúng và một bản cố tình sai ^[2].

Bài thông báo còn thêm số liệu từ khách hàng. Một công ty báo tỷ lệ đạt các bài kiểm thử web hiện đại tăng từ 61% lên 94% qua 180 lượt chạy trên codebase production của chính họ ^[1]. Đó là số của từng công ty, và các trang được xem để viết bài này không có bản kiểm chứng độc lập nào.

Bạn có nên cài ngay hôm nay?

Nếu đã dùng agent trên một codebase web, thử công cụ này chỉ tốn một lệnh. Bạn làm theo thứ tự sau:

1. Chạy lệnh legacy-scan trên một nhánh riêng và đọc kết quả trước khi nhận thay đổi ^[6].
2. Ghi Baseline target vào AGENTS.md hoặc CLAUDE.md trước khi agent viết code mới ^[2].
3. Giữ tắt hai lựa chọn volatile và origin trial, trừ khi bạn chỉ phát hành cho một trình duyệt. Đây là khuyến nghị của người viết, không phải của Chrome.
4. Kiểm thử các trang agent tạo ra trên mọi trình duyệt bạn hỗ trợ.

Nếu phải hỗ trợ trình duyệt cũ, hãy chọn một năm Baseline sớm hơn trong file hướng dẫn, chẳng hạn Baseline 2024 ^[2], rồi tự đánh giá kết quả.