ICYMI: Modern Web Guidance hiện đã ổn định

Matthias Rohmer
Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

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

Nếu bạn là độc giả thường xuyên của trang web này, hãy theo dõi Chrome cho nhà phát triển trên X, LinkedIn hoặc Bluesky, hoặc mở bảng điều khiển Tính năng mới trong Công cụ cho nhà phát triển trong tuần này, bạn gần như chắc chắn đã nghe tin này. Nhưng đối với những người đang tập trung phát triển, Modern Web Guidance hiện đã có phiên bản 1.0 ổn định.

Ảnh ghép gồm các bài đăng trên blog, nghiên cứu điển hình, bài đăng trên mạng xã hội và bảng điều khiển Tính năng mới của Chrome DevTools thông báo về Modern Web Guidance 1.0.

Kể từ khi chia sẻ bản xem trước tại Google I/O, chúng tôi đã đạt được nhiều cải tiến và phát triển Modern Web Guidance thành một dự án hợp tác giữa các trình duyệt với Firefox và Edge. Tuần này, chúng tôi đã dành thời gian để phân tích các chủ đề này thông qua các bài viết, nghiên cứu điển hình, video và tài liệu.

Mô tả ngắn gọn

Các mô hình tiên phong thường mặc định sử dụng các mẫu cũ để phát triển web. Ví dụ: họ thích thư viện ảnh động JavaScript hơn ảnh động dựa trên thao tác cuộn CSS hoặc tạo các div lồng nhau phức tạp thay vì sử dụng appearance: base-select cho trình đơn thả xuống có thể tuỳ chỉnh.

Modern Web Guidance khắc phục vấn đề đó bằng cách đưa ra các hướng dẫn ngắn gọn, theo phạm vi nhiệm vụ dựa trên câu lệnh của bạn. Sau đây là những điểm mới trong bản phát hành 1.0:

  • Nhiều hướng dẫn hơn do chuyên gia kiểm tra: Bao gồm hiệu suất, kiểu, khả năng hỗ trợ tiếp cận, bảo mật, quyền riêng tư, biểu mẫu và nhiều nội dung khác. Mỗi kỹ năng đều được một chuyên gia kỹ thuật trong lĩnh vực đó xem xét và kiểm tra. Bạn có thể duyệt xem các kỹ năng trong danh mục hướng dẫn.
  • Hỗ trợ nhiều trình duyệt theo mặc định: Sự cộng tác của các nhóm xây dựng Mozilla Firefox, Microsoft Edge và Google Chrome. Mỗi hướng dẫn đều được cải thiện bằng dữ liệu về khả năng tương thích với Baseline và các phương án dự phòng.
  • Bộ đánh giá công khai: Hàng nghìn lượt chạy đánh giá, có thể kiểm tra trên bảng tổng quan đánh giá công khai, cho thấy tỷ lệ vượt qua tăng lên.

Đọc bài đăng thông báo về Modern Web Guidance 1.0 để xem các ví dụ cụ thể về những lỗ hổng kiến thức về AI mà công cụ này giải quyết, quy trình làm việc toàn diện với Chrome DevTools cho tác nhân và hướng dẫn cập nhật từ bản xem trước tại I/O.

Hãy kiểm chứng những điều này bằng thực tế

Là đồng tác giả của Modern Web Guidance, tất nhiên chúng tôi có phần thiên vị. Hãy xem cảm nhận của các đối tác sau khi họ thử nghiệm bộ công cụ lập trình AI đầy đủ của Chrome trong quy trình làm việc hằng ngày:

  • Policybazaar và Pensionbazaar: Giảm thời gian hoàn thành trang mới và lỗi giao diện người dùng hơn 90% bằng cách đóng vòng lặp xây dựng và xác minh, trong khi Policybazaar giảm 92% công sức kiểm tra thủ công Chỉ số quan trọng chính của trang web trên khoảng 30 trang đích.
  • MetaMask: Tích hợp Modern Web Guidance vào một bot đánh giá yêu cầu kéo (PR) tư vấn gồm 3 dòng trên khoảng 480 yêu cầu kéo, thúc đẩy 43 bản sửa lỗi HTML ngữ nghĩa và hỗ trợ tiếp cận với thời gian xử lý trung bình là 15 phút.
  • WeTV: Thêm Chrome DevTools cho tác nhân và Modern Web Guidance vào CI/CD để tự động chẩn đoán và khắc phục 90% lỗi hồi quy CLS định kỳ, giúp giảm 87% thời gian gỡ lỗi.
  • note inc.: Kết hợp Modern Web Guidance với các quy tắc cho hệ thống thiết kế nội bộ, tăng tỷ lệ vượt qua quy trình kiểm tra web hiện đại từ 61% lên 94% và tăng 28% mức độ ưu tiên hình ảnh LCP phù hợp.

Bắt đầu

Mặc dù bạn có thể may mắn nếu yêu cầu tác nhân cài đặt Modern Web Guidance, nhưng bạn có thể tự tin sử dụng lệnh npx sau đây để thiết lập dự án và tác nhân theo quy trình từng bước.

npx modern-web-guidance@latest install

Bạn cũng có thể khám phá các lựa chọn cài đặt khác trên GitHub.

Sau khi thiết lập, bạn có thể tìm hiểu chuyên sâu về các trường hợp sử dụng mới và cách hoạt động của Modern Web Guidance 1.0:

Bước tiếp theo trong quá trình phát triển web dựa trên tác nhân bằng Chrome

Bằng cách sử dụng Modern Web Guidance với tác nhân lập trình, bạn đang có một khởi đầu thuận lợi. Nhưng bạn có thể (và nên) tiến xa hơn nữa. Tác nhân của bạn cần có cách chạy, kiểm tra và xác minh mã đó trong một trình duyệt thực.

Trong hơn một năm qua, Chrome DevTools cho tác nhân đã cung cấp cho các tác nhân lập trình khả năng hiển thị thời gian chạy trực tiếp bằng một bộ công cụ đa dạng, từ kiểm tra khả năng hỗ trợ tiếp cận và hiệu suất cho đến gỡ lỗi bộ nhớ và ghi lại ảnh động, nhờ đó tác nhân của bạn có thể tinh chỉnh các thành phần này.

Trong những tuần tới, chúng tôi sẽ kỷ niệm cột mốc tiếp theo của Chrome DevTools cho tác nhân. Việc chuyển bối cảnh phù hợp từ Chrome sang tác nhân của bạn sẽ trở nên dễ dàng hơn nữa.

Hãy dùng thử Modern Web Guidance 1.0 và cho chúng tôi biết ý kiến của bạn. Cả Modern Web Guidance và Chrome DevTools cho tác nhân đều được xây dựng công khai trên GitHub. Nếu bạn phát hiện thấy một tác vụ trên nền tảng web mà tác nhân của bạn vẫn thực hiện sai hoặc có ý tưởng về những việc chúng tôi nên giải quyết tiếp theo, hãy mở một vấn đề và cho chúng tôi biết.