Xuất bản: Ngày 22 tháng 6 năm 2026
Khi các tác nhân AI phát triển từ việc chỉ tạo văn bản sang duyệt web, tương tác và hoàn thành các tác vụ phức tạp trên trang web của bạn, nhà phát triển cần các công cụ chuyên dụng để đảm bảo mang đến trải nghiệm chất lượng cao cho những người dùng không phải là con người này. Danh mục Duyệt web dựa trên tác nhân mới của Lighthouse, kết hợp với các điểm cải tiến đối với Chrome DevTools, cung cấp các quy trình kiểm tra mang tính xác định và một khung thử nghiệm để giúp bạn tạo các trang web sẵn sàng cho tác nhân.
Việc chuyển đổi sang web dựa trên tác nhân bao gồm 2 giai đoạn chính: tác nhân tìm kiếm trên web và tác nhân sử dụng web.
Khi các tác nhân chỉ tìm kiếm trang web, các nguyên tắc về Tối ưu hoá cho công cụ tìm kiếm (SEO) vẫn được áp dụng. Trong bài đăng này trên blog, chúng tôi tập trung vào những việc mà nhà phát triển có thể làm khi một tác nhân tương tác trực tiếp với trang web.
Kiểm tra, cải thiện và gỡ lỗi trang web sẵn sàng cho tác nhân
Để hoàn tất một quy trình trên trang web của bạn một cách đáng tin cậy (chẳng hạn như đặt lịch hẹn hoặc đặt hàng), một tác nhân AI cần các tín hiệu có thể dự đoán và đọc được bằng máy. Sau đây là những công cụ giúp bạn đánh giá và cải thiện mức độ sẵn sàng đó.
Kiểm tra mức độ sẵn sàng của trang web cho tác nhân
Danh mục Duyệt web bằng tác nhân mới trong Lighthouse có sẵn từ M150 và cung cấp cho nhà phát triển một bộ kiểm tra mang tính xác định để đánh giá mức độ thân thiện của trang web với tác nhân, khuyến khích việc áp dụng các tiêu chuẩn mới của ngành.
Nội dung kiểm tra của quy trình kiểm tra: Quy trình kiểm tra tập trung vào 3 khía cạnh chính quan trọng đối với hoạt động tương tác của máy:
- Hỗ trợ tiếp cận: Hỗ trợ tiếp cận là dành cho con người trước tiên. Các tác nhân dựa vào cây hỗ trợ tiếp cận (có nguồn gốc từ DOM) cho công nghệ hỗ trợ (AT) làm mô hình dữ liệu chính. Quy trình kiểm tra Duyệt web bằng tác nhân xác minh một nhóm nhỏ các danh mục trong Quy trình kiểm tra khả năng hỗ trợ tiếp cận. Đây là những danh mục quan trọng đối với hoạt động tương tác của máy. Ví dụ: cả hai quy trình kiểm tra đều xác minh rằng mọi thành phần tương tác đều có tên theo chương trình. Cây khả năng tiếp cận được định dạng đúng là cách chính để các tác nhân AI hiểu trang của bạn.
- Độ ổn định: Đo lường độ ổn định về hình ảnh bằng cách sử dụng Mức thay đổi bố cục tích luỹ (CLS) để đảm bảo các phần tử không di chuyển một cách bất ngờ, ngăn chặn việc nhấp nhầm của người dùng.
- Tích hợp WebMCP: Kiểm tra tính sẵn có của các công cụ WebMCP đã đăng ký, các biểu mẫu thiếu WebMCP khai báo và tính hợp lệ của giản đồ. Việc áp dụng WebMCP giúp các tác nhân hiển thị rõ ràng logic và biểu mẫu của trang web, giúp hoạt động tương tác trở nên đáng tin cậy.
Điểm số: Không giống như các danh mục khác của Lighthouse, tại thời điểm xuất bản, tính năng Duyệt web dựa trên tác nhân là mang tính thông tin và không được đo điểm chuẩn. Trọng tâm là cung cấp các tín hiệu hữu ích (trạng thái vượt qua hoặc thất bại và cảnh báo) thay vì thứ hạng xác định.
Để tìm hiểu thêm về các bước kiểm tra cụ thể và những việc bạn có thể làm để cải thiện, hãy xem tài liệu về Các bước kiểm tra hoạt động duyệt qua của tác nhân cho Lighthouse.
Giúp các hoạt động tương tác giữa nhân viên hỗ trợ và trang web diễn ra nhanh chóng và đáng tin cậy hơn
WebMCP là một tiêu chuẩn được đề xuất nhằm cung cấp các công cụ cấu trúc cho Tác nhân AI trên các trang web hiện có, giúp tăng tốc và đơn giản hoá các lượt tương tác của tác nhân. Để biết thêm thông tin về cách triển khai, hãy xem phần Đọc về WebMCP.
Triển khai các tính năng mới nhất bằng tác nhân lập trình mà bạn muốn
Hướng dẫn về web hiện đại cung cấp một bộ sưu tập các phương pháp hay nhất và kỹ năng để giúp nhà phát triển xây dựng các trang web sẵn sàng cho tác nhân. Công cụ này bao gồm kỹ năng webmcp, cho phép bạn uỷ quyền việc triển khai các công cụ WebMCP cho tác nhân lập trình của mình.
Bằng cách tích hợp Modern Web Guidance vào quy trình phát triển, bạn có thể đảm bảo ứng dụng của mình được xây dựng dựa trên các tiêu chuẩn hiện đại, thân thiện với tác nhân ngay từ đầu. Để tìm hiểu thêm, hãy xem tài liệu Hướng dẫn về web hiện đại.
Kiểm thử và gỡ lỗi trang web bằng Chrome DevTools cho các tác nhân
Để gỡ lỗi sâu và phát triển lặp đi lặp lại, Chrome DevTools for Agents (Công cụ của Chrome cho nhà phát triển dành cho các tác nhân) mang đến một nhân vật kiểm thử độc đáo. Nhờ đó, bạn có thể chuyển đổi IDE hoặc tác nhân lập trình được hỗ trợ bởi AI của riêng mình thành một tác nhân duyệt web, giúp bạn có quyền kiểm soát ở mức độ cao.
Với Công cụ cho nhà phát triển dành cho các tác nhân, bạn có thể:
- Mô phỏng hoạt động tương tác của tác nhân: Bạn có thể mô phỏng chính xác các bước mà một tác nhân sẽ thực hiện, tức là "trở thành người dùng" (hoặc tác nhân) để tái tạo các lỗi và xác minh rằng các luồng trên trang web của bạn là xác định.
- Gọi Lighthouse trực tiếp: Môi trường kiểm thử của bạn có thể gọi trực tiếp công cụ
lighthouse_audittrên thẻ đang hoạt động. Điều này cung cấp một quy trình kiểm tra sức khoẻ tức thì, nhiều danh mục dựa trên trạng thái hiện tại của trang, cho phép bạn xác minh các bản sửa lỗi lặp đi lặp lại theo các tiêu chuẩn của tính năng Duyệt web dựa trên tác nhân. - Video ghi lại chuyển động trên màn hình và gỡ lỗi: Công cụ này cung cấp khả năng ghi nhật ký và ghi lại chuyển động trên màn hình chi tiết, nhờ đó bạn có thể thấy chính xác cách tác nhân nhận biết và tương tác với trang. Điều này sẽ hiển thị một số tín hiệu mà máy có thể đọc được, chẳng hạn như cây hỗ trợ tiếp cận, có thể khiến tác nhân nhầm lẫn.
Điều này giúp bạn đảm bảo trải nghiệm chất lượng cao cho người dùng không phải là con người trước khi triển khai.
Để tìm hiểu thêm về các chức năng và cấu hình của Chrome DevTools cho các Agent, hãy xem kho lưu trữ GitHub của chúng tôi.
Ví dụ sau đây về cấu hình Chrome DevTools cho các tác nhân phần mềm (~/.gemini/config/mcp_config.json cho AntigravityCLI hoặc được định cấu hình trong Antigravity) kết nối với Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Sử dụng câu hỏi mẫu: "Sử dụng MCP của Chrome DevTools, hãy truy cập vào https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ rồi tạo cho tôi một chiếc bánh pizza có 10 cây nấm và 2 quả ớt chuông; nhớ cung cấp cho tôi bản tóm tắt về những việc bạn đã làm và những công cụ bạn đã gọi."
Bạn cũng có thể sử dụng Công cụ cho nhà phát triển cho các tác nhân để thực hiện quy trình kiểm tra Lighthouse về khả năng sẵn sàng của tác nhân:
Tôi muốn thực hiện một quy trình kiểm tra Lighthouse dựa trên tác nhân trên https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname bằng Chrome DevTools MCP; hãy cung cấp cho tôi bản tóm tắt đầy đủ.
Bước tiếp theo
Để đóng góp và tham gia thảo luận, hãy xem kho lưu trữ Lighthouse chính thức.
Để biết thêm thông tin về WebMCP, hãy xem tài liệu về WebMCP. Để biết thêm thông tin về Modern Web Guidance, hãy xem tài liệu Modern Web Guidance. Để biết thêm thông tin về cách tối ưu hoá trang web cho AI tạo sinh, hãy xem bài viết Tối ưu hoá trang web cho các tính năng AI tạo sinh trên Google Tìm kiếm.