Công cụ của Chrome cho nhà phát triển cung cấp nhiều công cụ mạnh mẽ giúp bạn kiểm tra kỹ lưỡng và cải thiện ứng dụng web.
Video sau đây cung cấp thông tin tổng quan về 6 công cụ cơ bản, bao gồm nút Kiểm tra và Chế độ thiết bị, cùng với các bảng điều khiển Thành phần, Bảng điều khiển, Nguồn và Mạng. Ngoài ra, bạn sẽ tìm hiểu về thẻ Kiểu và các cách tuỳ chỉnh DevTools.
Hãy xem video để tìm hiểu cách:
- Kiểm tra và chỉnh sửa các phần tử DOM.
- Hình dung và thay đổi kích thước của một phần tử bằng Mô hình hộp.
- Xem giao diện của trang trên thiết bị di động.
- Xác định lỗi JavaScript bằng bảng điều khiển Console (Bảng điều khiển).
- Gỡ lỗi JavaScript bằng điểm ngắt trong bảng điều khiển Nguồn.
- Phân tích và lọc hoạt động mạng trong bảng điều khiển Mạng.
- Mô phỏng tốc độ kết nối chậm hơn.
- Tuỳ chỉnh Công cụ dành cho nhà phát triển.
Để biết thông tin tổng quan chuyên sâu, hãy xem bài viết Tổng quan về Công cụ cho nhà phát triển.