Tính năng mới trong Công cụ cho nhà phát triển, Chrome 141

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools (MCP) cho tác nhân AI

Giờ đây, bạn có thể xem trước máy chủ Giao thức bối cảnh mô hình (MCP) mới của Chrome DevTools. Tiện ích này mang đến sức mạnh của Công cụ của Chrome cho nhà phát triển cho các trợ lý lập trình AI.

Trước đây, các tác nhân viết mã không thể biết mã mà họ tạo thực sự làm gì khi chạy trong trình duyệt. Máy chủ MCP của Công cụ cho nhà phát triển Chrome sẽ thay đổi điều này. Trợ lý lập trình AI có thể gỡ lỗi các trang web ngay trong Chrome, đồng thời tận dụng các chức năng gỡ lỗi và thông tin chi tiết về hiệu suất của Công cụ cho nhà phát triển. Điều này giúp cải thiện độ chính xác của các công cụ này khi xác định và khắc phục vấn đề.

Hãy tự mình xem cách hoạt động của tính năng này:

Để biết thêm thông tin, hãy xem bài viết Công cụ của Chrome cho nhà phát triển (MCP) dành cho tác nhân AI của bạn.

Gỡ lỗi cây phần phụ thuộc mạng bằng Gemini

Thông tin chi tiết Hiệu suất > Thông tin chi tiết > Cây phụ thuộc mạng hiện có nút Gỡ lỗi bằng AI đưa bạn đến bảng Hỗ trợ của AI. Nhờ đó, bạn có thể thảo luận và gỡ lỗi cây này với sự trợ giúp của Gemini.

Hình ảnh trước và sau khi thêm nút "Gỡ lỗi bằng AI" vào thông tin chi tiết "Cây phần phụ thuộc mạng".

Xuất cuộc trò chuyện với Gemini

Giờ đây, bạn có thể xuất cuộc trò chuyện hiện tại với Gemini hoặc sao chép câu trả lời của Gemini vào bảng nhớ tạm bằng cách nhấp vào nút Xuất cuộc trò chuyện trên thanh thao tác ở trên cùng hoặc Sao chép câu trả lời bên dưới thông báo của Gemini trong cuộc trò chuyện.

Hình ảnh trước và sau khi thêm nút xuất và sao chép vào tính năng hỗ trợ AI.

Cấu hình phiên bản được duy trì trong bảng điều khiển Hiệu suất

Khi bạn định cấu hình một bản ghi trong bảng Hiệu suất, DevTools hiện sẽ lưu cấu hình của bạn và áp dụng cấu hình đó khi bạn nhập lại hoặc ghi một bản ghi mới.

Lọc các yêu cầu mạng được bảo vệ bằng địa chỉ IP

Trong bảng điều khiển Mạng, giờ đây, bạn có thể lọc các yêu cầu được gửi đến proxy của tính năng Bảo vệ địa chỉ IP.

Trước và sau khi thêm bộ lọc "Yêu cầu được bảo vệ bằng IP" vào bảng điều khiển Mạng.

Thẻ Phần tử > Bố cục bổ sung tính năng hỗ trợ bố cục dạng khối

Giờ đây, bạn có thể kiểm tra bố cục kiểu xếp gạch trong thẻ Phần tử > Kiểu.

Bố cục kiểu khối xây là một phương pháp bố cục trong đó một trục sử dụng bố cục lưới nghiêm ngặt thông thường (thường là các cột) và trục còn lại sử dụng bố cục kiểu khối xây.

Trước và sau khi thêm chế độ hỗ trợ bố cục kiểu khối xây vào Elements – Layout (Phần tử – Bố cục).

Lighthouse 12.8.2

Giờ đây, bảng Lighthouse chạy Lighthouse 12.8.2.

Đáng chú ý nhất là trong phiên bản này, Lighthouse tách các vấn đề đã tìm thấy với các thuộc tính tuỳ chỉnh CSS thành thông báo lỗi riêng.

Bạn cũng có thể xem danh sách đầy đủ các thay đổi.

Để tìm hiểu những kiến thức cơ bản về cách sử dụng bảng Lighthouse trong Công cụ cho nhà phát triển, hãy xem bài viết Lighthouse: Tối ưu hoá tốc độ trang web.

Vấn đề về Chromium: 40543651.

Thông tin nổi bật khác

Đây là một số điểm cải tiến và bản sửa lỗi đáng chú ý trong bản phát hành này:

  • Hiệu suất: Các sự kiện gọi lại ở trạng thái rảnh hiện bao gồm thuộc tính timeout (crbug.com/441679219).
  • Hỗ trợ tiếp cận. Trình đọc màn hình sẽ đọc to nội dung sau:
    • "Đây là một tính năng mới" cho các mục được đề xuất trong trình đơn lệnh (crbug.com/441485154).
    • Thanh công cụ tóm tắt tính năng hoàn tất mã (crbug.com/433952045).
  • Mạng: Khi bạn nhấp chuột phải vào một mục nhật ký mạng, mục đó sẽ được chọn (crbug.com/368510578).

Tải các kênh xem trước xuống

Hãy cân nhắc sử dụng Chrome Canary, Dev hoặc Beta làm trình duyệt phát triển mặc định. Các kênh xem trước này cho phép bạn truy cập vào các tính năng mới nhất của DevTools, kiểm thử các API nền tảng web tiên tiến và giúp bạn tìm thấy các vấn đề trên trang web của mình trước khi người dùng tìm thấy!

Liên hệ với nhóm Chrome DevTools

Hãy sử dụng các lựa chọn sau để thảo luận về các tính năng mới, nội dung cập nhật hoặc bất kỳ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.

Tính năng mới trong Công cụ cho nhà phát triển

Danh sách mọi nội dung đã được đề cập trong loạt bài Tính năng mới trong Công cụ cho nhà phát triển.