Xem dữ liệu bộ nhớ đệm

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

Hướng dẫn này sẽ cho bạn biết cách sử dụng Công cụ của Chrome cho nhà phát triển để kiểm tra dữ liệu Bộ nhớ đệm.

Nếu bạn đang cố gắng kiểm tra dữ liệu bộ nhớ đệm HTTP, thì đây không phải là hướng dẫn bạn muốn. Cột Kích thước của Nhật ký mạng có thông tin bạn đang tìm kiếm. Xem phần Ghi nhật ký hoạt động mạng.

Xem dữ liệu bộ nhớ đệm

  1. Mở Công cụ dành cho nhà phát triển > Ứng dụng > Bộ nhớ.

  2. Để xem bộ nhớ đệm có sẵn, hãy mở rộng Mở rộng. Bộ nhớ đệm.

    Bộ nhớ đệm có sẵn.

  3. Nhấp vào một bộ nhớ đệm để xem nội dung của bộ nhớ đệm đó.

    Xem nội dung của bộ nhớ đệm.

  4. Nhấp vào một tài nguyên để xem tiêu đề HTTP của tài nguyên đó trong phần bên dưới bảng.

    Xem tiêu đề HTTP của một tài nguyên.

  5. Mở thẻ Xem trước để xem nội dung của tài nguyên.

    Xem nội dung của tài nguyên.

Làm mới tài nguyên

  1. Xem dữ liệu của bộ nhớ đệm.

  2. Chọn tài nguyên mà bạn muốn làm mới. DevTools sẽ đánh dấu thành phần này bằng màu xanh dương để cho biết rằng thành phần này đã được chọn.

    Chọn một tài nguyên.

  3. Nhấp vào biểu tượng Làm mới.

Lọc tài nguyên

  1. Xem dữ liệu của bộ nhớ đệm.
  2. Sử dụng hộp văn bản Lọc theo đường dẫn để lọc ra mọi tài nguyên không khớp với đường dẫn mà bạn cung cấp.

Lọc ra các tài nguyên không khớp với đường dẫn đã chỉ định.

Ví dụ này lọc ra các tài nguyên không chứa script trong đường dẫn.

Xoá tài nguyên

  1. Xem dữ liệu của bộ nhớ đệm.

  2. Nhấp vào tài nguyên bạn muốn xoá. DevTools sẽ đánh dấu thành phần này bằng màu xanh dương để cho biết rằng thành phần này đã được chọn.

    Chọn một tài nguyên để xoá.

  3. Nhấp vào biểu tượng Xoá mục đã chọn Xoá mục đã chọn..

Xoá tất cả dữ liệu bộ nhớ đệm

  1. Mở Application (Ứng dụng) > Storage (Bộ nhớ).

  2. Trong phần Bộ nhớ đệm, hãy đảm bảo bạn đã bật Hộp đánh dấu. Bộ nhớ đệm.

  3. Nhấp vào Xoá dữ liệu trang web.

    Hộp đánh dấu Bộ nhớ đệm và nút Xoá dữ liệu trang web.