
DevTools
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 có thể giúp bạn chỉnh sửa các trang một cách nhanh chóng và chẩn đoán vấn đề nhanh chóng, giúp bạn xây dựng trang web tốt hơn và nhanh hơn.
Mở Công cụ cho nhà phát triển
Tất cả các cách mở Công cụ của Chrome cho nhà phát triển.
Tính năng mới trong Công cụ 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.
Mẹo 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.
Chạy các lệnh trong trình đơn Lệnh
Hướng dẫn về cách mở Trình đơn lệnh, chạy lệnh, mở tệp, xem các thao tác khác và nhiều thao tác khác.
Phím tắt
Tài liệu chuẩn về phím tắt cho Công cụ của Chrome cho nhà phát triển.
Tắt JavaScript
Xem giao diện và hoạt động của trang web khi JavaScript bị vô hiệu hoá.
Mô phỏng thiết bị di động bằng Chế độ thiết bị
Sử dụng thiết bị ảo trong Chế độ thiết bị của Chrome để tạo trang web ưu tiên thiết bị di động.
Tìm kiếm trên các tài nguyên đã tải
Tìm văn bản trên tất cả các tài nguyên đã tải bằng thẻ 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.
Phần tử – DOM
Tìm hiểu cách xem và thay đổi DOM của trang bằng Công cụ của Chrome cho nhà phát triển.
Phần tử – CSS
Tìm hiểu cách xem và thay đổi CSS của trang bằng Công cụ của Chrome cho nhà phát triển.
Bảng điều khiển
Ghi nhật ký thông điệp và chạy JavaScript.
Nguồn
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.
Mạng
Ghi nhật ký các yêu cầu mạng.
Hiệu suất
Đánh giá hiệu suất trang web bằng Công cụ cho nhà phát triển.
Bộ nhớ
Tìm các vấn đề về bộ nhớ ảnh hưởng đến hiệu suất của trang, bao gồm cả rò rỉ bộ nhớ, bất thường bộ nhớ và thu gom rác thường xuyên.
Ứng dụng
Kiểm tra, sửa đổi và gỡ lỗi ứng dụng web, kiểm tra bộ nhớ đệm và xem bộ nhớ.
Máy ghi âm
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ọ.
Kết xuất
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.
Vấn đề
Tìm và khắc phục vấn đề về trang web.
Bảo mật
Sử dụng bảng điều khiển Bảo mật để đảm bảo rằng trang được bảo vệ hoàn toàn bằng HTTPS.
Trình kiểm tra bộ nhớ
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.
Các điều kiện mạng
Ghi đè chuỗi tác nhân người dùng. Tự động tắt tính năng Chọn và chọn từ danh sách hoặc nhập một chuỗi tuỳ chỉnh.
Nội dung nghe nhìn
Sử dụng Bảng điều khiển nội dung nghe nhìn để 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.
Ảnh động
Kiểm tra và sửa đổi ảnh động bằng thẻ Ảnh động.
Các thay đổi
Theo dõi các thay đổi đối với HTML, CSS và JavaScript.
Phạm vi tổng hợp dữ liệu
Tìm và phân tích mã JavaScript và CSS không dùng đến trong Công cụ của Chrome cho nhà phát triển.
Tài nguyên dành cho nhà phát triển
Sử dụng thẻ ngăn Tài nguyên dành cho nhà phát triển để kiểm tra xem bản đồ nguồn có tải thành công không và tải theo cách thủ công.
Tổng quan về CSS
Xác định những điểm cải thiện tiềm năng về CSS thông qua bảng Tổng quan về CSS.
Ngọn hải đăng
Tối ưu hoá tốc độ trang web bằng bảng điều khiển Lighthouse.
Thông tin chi tiết về hiệu suất
Nhận thông tin chi tiết hữu ích về hiệu suất của trang web thông qua bảng điều khiển Thông tin chi tiết về hiệu suất.
Cảm biến
Mô phỏng cảm biến của thiết bị.
WebAuthn
Mô phỏng trình xác thực.