Công cụ của Chrome cho nhà phát triển là một bộ công cụ cho nhà phát triển web được tích hợp trực tiếp vào trình duyệt Google Chrome. Công cụ cho nhà phát triển cho phép bạn chỉnh sửa trang một cách nhanh chóng và chẩn đoán vấn đề nhanh chóng, nhờ đó giúp bạn xây dựng trang web tốt hơn và nhanh hơn.
Bắt đầu Ghi chú phát hành

Gỡ lỗi bằng AI

Khám phá cách các điểm cải tiến về AI trong DevTools giúp bạn làm được nhiều việc hơn và nhanh hơn. Sử dụng MCP của Công cụ của Chrome cho nhà phát triển để kết nối sức mạnh của Công cụ cho nhà phát triển với các tác nhân mã hoá mà bạn yêu thích.
Hãy để Gemini giúp bạn phân tích và cải thiện kiểu dáng, mạng, nguồn và hiệu suất của trang web. Nhận trợ giúp về các lỗi trên bảng điều khiển và đề xuất về mã trong bảng điều khiển Console và Sources.
Khám phá các phát kiến về AI
Cung cấp cho các tác nhân lập trình của bạn những công cụ đáng tin cậy mà bạn dùng để kiểm tra hoạt động mạng, ghi lại dấu vết và khắc phục sự cố cho các ứng dụng web trong quy trình làm việc AI.

Kết nối máy chủ MCP (Giao thức ngữ cảnh mô hình) của Công cụ cho nhà phát triển Chrome với công cụ bạn chọn: Gemini CLI, Claude Code, Cline, Copilot và nhiều công cụ khác.

Tìm hiểu thêm trên GitHub
Xem thông tin toàn diện và hữu ích về hiệu suất của trang.
Tìm hiểu cách kiểm tra các tài nguyên mà trang của bạn tải và chỉnh sửa các tài nguyên đó từ trình duyệt.
Phân tích và ghi đè các yêu cầu và phản hồi mạng ngay lập tức.

Mẹo về công cụ dành cho nhà phát triển

Khám phá chuỗi video hằng tháng của chúng tôi để tìm hiểu về các tình huống gỡ lỗi thường gặp trong Công cụ cho nhà phát triển theo cách thú vị.
Xem hướng dẫn về bảng điều khiển Hiệu suất mới, cho bạn biết cách đo lường Các chỉ số quan trọng chính của trang web (LCP, CLS, INP) và cách nhận lời khuyên phù hợp từ Gemini.
Hãy căng buồm cùng Công cụ cho nhà phát triển và trở thành một tên cướp biển gỡ lỗi! Khám phá các kỹ thuật mô phỏng kiểu tiêu điểm, kiểm thử biểu mẫu bằng tính năng tự động điền và giải quyết lỗi phụ trợ bằng tính năng ghi đè mạng.
Khám phá sức mạnh của tính năng gỡ lỗi dựa trên AI bằng Chrome DevTools! Khám phá cách Console Insights, tính năng hỗ trợ của AI về kiểu dáng, hiệu suất, mạng và nguồn có thể nâng cao hiệu quả quy trình làm việc của bạn.
Khám phá các kỹ thuật nâng cao trong bảng điều khiển Mạng, bao gồm cách tìm nút thắt hiệu suất, gỡ lỗi cửa sổ bật lên, định cấu hình tình trạng mạng, sử dụng phím tắt để xác định nguồn gốc của yêu cầu mạng và nhiều nội dung khác.

Nhận thông tin chi tiết về hiệu suất

Một loạt công cụ giúp bạn đo lường và tối ưu hoá nhiều khía cạnh của hiệu suất thời gian chạy: bảng điều khiển Hiệu suất, Lighthouse và nhiều công cụ khác.
Tìm hiểu về tất cả các tính năng trong bảng điều khiển Hiệu suất: cách ghi lại dấu vết hiệu suất, cách xem và phân tích dấu vết, v.v.
Tìm hiểu về các tính năng mới của DevTools như hiệu chỉnh điều tiết CPU để giúp bạn đưa ra quyết định gỡ lỗi hiệu suất dựa trên dữ liệu thực tế
Tìm hiểu về thông tin chi tiết mới về hiệu suất, sức mạnh của Lighthouse ngay trong bảng điều khiển Hiệu suất của DevTools.

Tin tức và thông tin cập nhật

Kiểm tra và chỉnh sửa tài nguyên

Tìm hiểu về tất cả tính năng trong bảng điều khiển Nguồn: cách xem và chỉnh sửa tệp, gỡ lỗi JavaScript và thiết lập không gian làm việc.
Bắt đầu
Workspace cho phép bạn lưu các thay đổi mà bạn thực hiện trong DevTools vào mã nguồn được lưu trữ trên máy tính. Tìm hiểu cách thiết lập không gian làm việc trong các dự án của riêng bạn.
Đọc hướng dẫn

Phân tích hoạt động mạng

Tìm hiểu về tất cả tính năng trong bảng điều khiển Mạng: kiểm tra nội dung phản hồi và yêu cầu, ghi đè tiêu đề, v.v.
Bắt đầu
Hướng dẫn thực hành để hướng dẫn bạn thực hiện các thao tác thường gặp trong bảng điều khiển Mạng.
Đọc hướng dẫn

Các công cụ khác

Khám phá tất cả các tính năng và chức năng khác trong Công cụ cho nhà phát triển.
Tìm hiểu cách xem và thay đổi DOM của trang.
Tìm hiểu cách xem và thay đổi CSS của trang.
Theo dõi các thay đổi đối với HTML, CSS và JavaScript.
Ghi nhật ký thông điệp và chạy JavaScript.
Đánh giá hiệu suất của trang web.
Tìm các vấn đề về bộ nhớ ảnh hưởng đến hiệu suất của trang, bao gồm cả lỗi rò rỉ bộ nhớ và nhiều vấn đề khác.
Kiểm tra, sửa đổi và gỡ lỗi ứng dụng web, kiểm tra bộ nhớ đệm, xem bộ nhớ, v.v.
Kiểm tra và sửa đổi ảnh động.
Ghi lại, phát lại, đo lường luồng người dùng và chỉnh sửa các bước của họ.
Khám phá tập hợp các tuỳ chọn ảnh hưởng đến việc hiển thị nội dung trên web.
Kiểm tra và gỡ lỗi các địa chỉ đã lưu.
Tìm và khắc phục vấn đề về trang web.
Đảm bảo trang được bảo vệ hoàn toàn bằng HTTPS.
Xem thông tin và gỡ lỗi trình phát nội dung nghe nhìn trên mỗi thẻ trình duyệt.
Mô phỏng cảm biến của thiết bị.
Mô phỏng trình xác thực.