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
Tất cả các cách mở Công cụ của Chrome cho nhà phát triển.
Nắm bắt những thay đổi mới nhất dành cho Công cụ cho nhà phát triển.
Loạt video ngắn giúp bạn tìm hiểu các tính năng trong Công cụ cho nhà phát triển.

Lệnh và phím tắt

Nhanh chóng hoàn thành việc cần làm.
Mở trình đơn lệnh, chạy lệnh, mở tệp, xem các tác vụ khác và thực hiện nhiều thao tác khác.
Đọc tài liệu
Tài liệu tham khảo toàn diện về phím tắt.
Đọc tài liệu
Xem giao diện và hoạt động của trang web khi JavaScript bị vô hiệu hoá.
Đọc tài liệu
Mô phỏng các thiết bị để xây dựng trang web ưu tiên thiết bị di động.
Tìm văn bản trên tất cả các tài nguyên được tải bằng bảng điều khiển Tìm kiếm.

Panels

Khám phá sức mạnh của từng bảng điều khiển Công cụ cho nhà phát triển.
Tìm hiểu cách xem và thay đổi DOM của trang.
Đọc tài liệu
Tìm hiểu cách xem và thay đổi CSS của trang.
Đọc tài liệu
Ghi nhật ký thông điệp và chạy JavaScript.
Đọc tài liệu
Xem và chỉnh sửa tệp, tạo đoạn mã, gỡ lỗi JavaScript và thiết lập không gian làm việc.
Đọc tài liệu
Ghi nhật ký các yêu cầu mạng.
Đọc tài liệu
Đánh giá hiệu suất của trang web.
Đọc tài liệu
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.
Đọc tài liệu
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.
Đọc tài liệu
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ọ.
Đọc tài liệu
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.
Đọc tài liệu
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.
Kiểm tra ArrayBuffer, TypedArray hoặc DataView trong JavaScript, cũng như WebAssembly và bộ nhớ của các ứng dụng C++ wasm.
Ghi đè chuỗi tác nhân người dùng.
Kiểm tra trang web của bạn bằng cách chặn các yêu cầu mạng.
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.
Kiểm tra và sửa đổi ảnh động.
Theo dõi các thay đổi đối với HTML, CSS và JavaScript.
Tìm và phân tích mã JavaScript và CSS không dùng đến.
Kiểm tra xem bản đồ nguồn có tải thành công hay không và tải chúng theo cách thủ công.
Xác định những điểm cải thiện tiềm năng về CSS.
Tối ưu hoá tốc độ trang web bằng bảng điều khiển Lighthouse.
Nhận thông tin chi tiết hữu ích về hiệu suất trang web của bạn.
Theo dõi hiệu suất tải và thời gian chạy.
Xem và chỉnh sửa tệp nguồn trong khi vẫn có quyền truy cập vào các bảng điều khiển khác.
Mô phỏng cảm biến của thiết bị.
Xem các chỉ số của API WebAudio.
Mô phỏng trình xác thực.

Tài liệu tham khảo về chế độ cài đặt