Phân tích mạng nâng cao bằng Chrome DevTools.

Ghi lại và phân tích dấu vết hiệu suất bằng Công cụ cho nhà phát triển.

Theo dõi các chỉ số trực tiếp của Chỉ số quan trọng chính của trang web trong bảng điều khiển Hiệu suất.

Kiểm tra và khắc phục sự cố bộ nhớ đệm bằng Công cụ cho nhà phát triển.

Cố định các phần tử trong DOM để bạn có thể kiểm tra chúng bằng Công cụ cho nhà phát triển.

Khám phá 4 cách độc đáo để chụp ảnh màn hình bằng Công cụ cho nhà phát triển.

Tìm hiểu cách ghi đè và mô phỏng phản hồi mạng bằng Công cụ cho nhà phát triển.

Khám phá cách Công cụ cho nhà phát triển có thể cải thiện quá trình phát triển ứng dụng web của bạn.

Giúp duyệt web nhanh hơn với tính năng tải theo suy đoán và tìm hiểu cách gỡ lỗi.

Tìm hiểu cách tạo màu chỉ bằng vài cú nhấp chuột.

Tìm hiểu cách gỡ lỗi mức độ ưu tiên tìm nạp.

Tìm hiểu cách gỡ lỗi bfcache và giúp trang của bạn tải tức thì.

Tìm hiểu cách gỡ lỗi DOM bằng Công cụ cho nhà phát triển.

Tìm hiểu cách sử dụng Công cụ cho nhà phát triển để gỡ lỗi tiện ích của Chrome.

Sử dụng Đoạn mã để chạy mã bạn thường dùng và biểu thức trực tiếp để xem các giá trị theo thời gian thực.

Sử dụng các điểm ngắt và điểm ghi nhật ký để dễ dàng gỡ lỗi.

Tìm hiểu cách ghi lại, phát lại và gỡ lỗi luồng người dùng bằng bảng điều khiển Trình ghi trong Công cụ cho nhà phát triển.

Sử dụng Application > Local Storage và Session Storage để gỡ lỗi các cặp khoá-giá trị.

Sử dụng Workspace để lưu các thay đổi bạn thực hiện trong Công cụ cho nhà phát triển vào tệp nguồn cục bộ.

Sử dụng bản đồ nguồn trong Công cụ cho nhà phát triển để gỡ lỗi mã gốc thay vì triển khai.

Tìm hiểu cách bản đồ nguồn có thể giúp bạn gỡ lỗi mã gốc thay vì triển khai.

Sử dụng ngăn Kiểu và Đã tính toán để phát hiện các vấn đề về CSS với Công cụ cho nhà phát triển.

Gỡ lỗi ứng dụng web tiến bộ bằng Công cụ cho nhà phát triển.

Sử dụng Công cụ cho nhà phát triển để gỡ lỗi API Project Fugu.

Mô phỏng các thiết bị đám mây bằng Chế độ thiết bị trong Công cụ cho nhà phát triển.

Sử dụng bảng Tổng quan về CSS để xác định những điểm có thể cải thiện về CSS.

Tìm hiểu cách đẩy nhanh quy trình làm việc nhờ tính năng điều hướng trong Công cụ cho nhà phát triển nhanh hơn bằng cách sử dụng các phím tắt và chế độ cài đặt.

Khám phá tất cả các cách để mở Công cụ của Chrome cho nhà phát triển.

Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để khám phá và khắc phục văn bản có độ tương phản thấp.

Sử dụng bảng điều khiển Máy ghi âm và các tiện ích của bảng điều khiển này để chỉnh sửa, gỡ lỗi và xuất bản ghi luồng người dùng.

Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để kiểm tra, sửa đổi và gỡ lỗi bố cục flexbox CSS.

Sử dụng phím tắt do Console Utilities API cung cấp để tham chiếu nhanh đến các phần tử gần đây, đối tượng truy vấn, giám sát sự kiện và lệnh gọi hàm, v.v.

Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để xem và thay đổi bố cục lưới CSS.

Sử dụng thẻ Ảnh động để kiểm tra và sửa đổi các ảnh động, hiệu ứng chuyển đổi CSS, v.v.

Nhận thông tin chi tiết hữu ích về hiệu suất trang web của bạn thông qua bảng điều khiển Thông tin chi tiết về hiệu suất mới

Sử dụng Console để ghi nhật ký biến, đối tượng và thông báo, lọc và nhóm thông báo, v.v.

Sử dụng thẻ Hiển thị để mô phỏng lựa chọn ưu tiên của người dùng và kiểm tra hành vi thích ứng của người dùng trên trang web.

Kiểm tra và gỡ lỗi các truy vấn vùng chứa CSS bằng Công cụ cho nhà phát triển.