Dale St. Marthe
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 chuyên sâu và cải thiện các ứng dụng web của mình.
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 Phần tử, 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 Công cụ cho nhà phát triển.
Hãy xem video này để tìm hiểu cách:
- Kiểm tra và chỉnh sửa các phần tử DOM.
- Trực quan hoá và thay đổi kích thước của một phần tử bằng Box Model (Mô hình hộp).
- Xem trang của bạn hiển thị như thế nào trên thiết bị di động.
- Xác định các lỗi JavaScript bằng bảng điều khiển Bảng điều khiển.
- Gỡ lỗi JavaScript bằng cách sử dụng điểm ngắt trong bảng điều khiển Sources.
- 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ụ cho nhà phát triển.
Để biết thông tin tổng quan chuyên sâu, hãy xem phần Tổng quan về Công cụ cho nhà phát triển.