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

Matthias Rohmer

Đề xuất mã của Gemini

Giờ đây, bạn có thể nhận được các đề xuất nhập liệu tự động do AI tạo trong bảng điều khiển Console (Bảng điều khiển) và Sources (Nguồn).

Tính năng đề xuất mã trong bảng điều khiển Console và Sources

Để bật tính năng này, hãy chuyển đến phần Cài đặt > Đổi mới dựa trên AI rồi bật Đề xuất mã.

Các điểm cải tiến cho máy chủ MCP của Công cụ cho nhà phát triển

Kể từ khi ra mắt bản xem trước công khai của máy chủ MCP DevTools bằng phiên bản 0.2.1, chúng tôi đã thực hiện nhiều điểm cải tiến nhờ sự đóng góp của cộng đồng và phát hành phiên bản 0.9.0.

  • Chúng tôi đã mở rộng phạm vi hỗ trợ Node.js xuống đến Node.js 20.
  • Bạn có thể phân trang các yêu cầu mạng và thông báo trên bảng điều khiển để lưu mã thông báo và lọc dựa trên loại yêu cầu (ví dụ: tập lệnh, biểu định kiểu, hình ảnh) và loại thông báo (nhật ký, cảnh báo, lỗi).
  • Ảnh chụp màn hình có thể được xuất ra một đường dẫn cụ thể và ở nhiều định dạng.
  • Các danh mục công cụ có thể định cấu hình giúp bạn sắp xếp những chức năng được hiển thị, giảm bớt tiếng ồn không cần thiết.
  • Giờ đây, bạn có thể truyền các đối số khởi chạy đến phiên bản Chrome mà máy chủ MCP sử dụng.

Hãy xem nhật ký thay đổi công khai trên GitHub để biết danh sách đầy đủ các thay đổi và bản sửa lỗi, đồng thời tìm hiểu thêm về máy chủ MCP của Công cụ cho nhà phát triển trong bài đăng thông báo trên blog.

Truy cập nhanh hơn vào trợ lý AI

Giờ đây, Công cụ cho nhà phát triển có thêm nhiều đường liên kết để mở trợ lý AI. Mục trình đơn ngữ cảnh Hỏi AI đã được đổi tên thành Gỡ lỗi bằng AI và được sửa đổi bằng các hành động trực tiếp mà AI có thể giúp bạn, dựa trên ngữ cảnh.

Với nút mới bổ sung ở góc trên cùng bên phải của Công cụ cho nhà phát triển, bạn có thể mở trợ lý AI ở bất cứ đâu trong Công cụ cho nhà phát triển.

Các điểm truy cập mới vào tính năng trợ lý AI trên Công cụ cho nhà phát triển

Gỡ lỗi toàn bộ dấu vết hiệu suất bằng Gemini

Sau khi ghi lại một dấu vết trong bảng điều khiển Hiệu suất, giờ đây, bạn có thể trò chuyện về toàn bộ dấu vết, Thông tin chi tiết về hiệu suất có liên quan và dữ liệu trường với Gemini mà không cần chọn trước bối cảnh cụ thể, tất cả đều trong cùng một cuộc trò chuyện. Điều này giúp bạn xem xét các vấn đề về hiệu suất một cách tổng thể hơn trước khi tìm hiểu sâu hơn.

Sau khi xác định được vấn đề tiềm ẩn nhờ sự trợ giúp của Gemini, bạn có thể chọn một mục ngữ cảnh cụ thể hơn như sự kiện theo dõi hoặc Thông tin chi tiết về hiệu suất để kiểm tra kỹ hơn và tiếp tục cuộc trò chuyện tương tự.

Tương tự, tất cả thông tin chi tiết trong phần Hiệu suất > Thông tin chi tiết hiện đã có sẵn để bạn trò chuyện với Gemini.

Bật/tắt nút chuyển hướng ngăn

Giờ đây, bạn cũng có thể di chuyển ngăn sang một bên. Nhờ đó, bạn có thể xem các bảng điều khiển cạnh nhau thay vì xếp chồng lên nhau. Nhấp chuột phải vào tên bảng trong thanh thẻ chính rồi chọn Di chuyển vào ngăn kéo để di chuyển bảng đã chọn vào ngăn kéo.

Thêm các bảng điều khiển khác vào ngăn kéo từ ⋮ > Công cụ khác.

Nút bật/tắt mới trong ngăn để thay đổi hướng

Google Developer Program

Google Developer Program hiện được tích hợp vào Công cụ cho nhà phát triển, với các đường liên kết trực tiếp để quản lý hồ sơ và huy hiệu mới để nhận.

Các chế độ kiểm soát cho Hồ sơ nhà phát triển của Google trong phần cài đặt Công cụ cho nhà phát triển

Huy hiệu là một tính năng mà bạn có thể chọn sử dụng. Để bật huy hiệu, hãy chuyển đến phần Cài đặt > Lựa chọn ưu tiên > Tài khoản rồi bật chế độ Đạt được huy hiệu.

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

Sau đâ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:

  • Giờ đây, bảng điều khiển Application (Ứng dụng) hỗ trợ hoạt động kiểm tra bộ nhớ cho tất cả các loại worker, bao gồm cả Service Worker, Shared Worker và Dedicated Worker.
  • :target-current hiện xuất hiện trong bảng Styles (Kiểu).
  • Giờ đây, bảng điều khiển Mạng có thể lọc các yêu cầu dựa trên một Is ad-relatedboolean mới.

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.