Làm cách nào để xác định kích thước của nguồn trang trong Chrome?

Rõ ràng, tôi muốn nhận được câu trả lời mà không lưu trang. Nó có vẻ cơ bản, nhưng tôi không thể tìm ra cách để làm điều đó. Nếu nó yêu cầu một plugin, nó là ok. Sẽ thật tuyệt nếu giải pháp cũng bao gồm các bảng định kiểu, tập lệnh và hình ảnh, được liên kết với trang.

Mở công cụ dành cho nhà phát triển ( Ctrl+ Shift+ Ihoặc Biểu tượng cài đặt ở phía trên bên phải cửa sổ trình duyệt của bạn => Tools=> Developer tools) trên trang cần thiết, chuyển sang tab Mạng và tải lại trang .

Trong cột Kích thước, bạn sẽ thấy kích thước của mọi thứ được tải ( Tài liệu, Biểu định kiểu, Hình ảnh, Tập lệnh, ... ). Bạn có thể bật bộ lọc để giúp bạn tìm ra những thứ cần thiết ở trung tâm dưới cùng của khung công cụ Nhà phát triển.

Tôi đã tạo Trình kiểm tra kích thước trang mở rộng Chrome thứ 3 của mình để nhanh chóng báo cáo kích thước trang, sử dụng bộ đệm, yêu cầu mạng và thời gian tải của trang web một cách thuận tiện.

Có một tiện ích mở rộng có tên " Trình xem nguồn nhanh ", lưu trữ tất cả các tài nguyên khi trang được tải. Mở trình xem (biểu tượng màu xanh), kích thước (số byte) được hiển thị trong khung điều hướng bên trái.