Xem và chỉnh sửa bộ nhớ cục bộ

Kayce Basques

Sofia Emelianova

Hướng dẫn này cho bạn biết cách sử dụng Công cụ của Chrome cho nhà phát triển để xem, chỉnh sửa và xoá các cặp khoá-giá trị localStorage. Bộ nhớ cục bộ lưu dữ liệu qua các phiên của trình duyệt.

Xem localStorage khoá và giá trị

1. Mở Công cụ cho nhà phát triển trên trang web mà bạn muốn kiểm tra.

2. Chuyển đến Application (Ứng dụng) > Storage (Bộ nhớ) rồi mở rộng Local Storage (Bộ nhớ cục bộ). Nhấp vào một miền để xem các cặp khoá-giá trị của miền đó.

   

3. Để xem trước giá trị bên dưới bảng, hãy chọn một cặp.

   

Để làm mới các cặp khoá-giá trị theo cách thủ công, hãy nhấp vào biểu tượng Làm mới trong thanh thao tác ở trên cùng.

Lọc cặp khoá-giá trị

Để nhanh chóng tìm thấy một cặp khoá-giá trị mà bạn cần, hãy nhập một chuỗi chứa khoá hoặc giá trị vào hộp bộ lọc ở trên cùng.

Tạo cặp khoá-giá trị localStorage mới

1. Xem các cặp khoá-giá trị localStorage của miền. Ví dụ: trên trang minh hoạ này.
2. Nhấp đúp vào phần trống của bảng. Công cụ cho nhà phát triển sẽ tạo một hàng mới và đặt con trỏ vào cột Khoá.
3. Nhập một cặp khoá-giá trị mới.

Chỉnh sửa khoá hoặc giá trị localStorage

1. Xem các cặp khoá-giá trị localStorage của một miền. Ví dụ: trên trang minh hoạ này.
2. Nhấp đúp vào một ô trong cột Khoá hoặc Giá trị để chỉnh sửa khoá hoặc giá trị đó.
3. Làm mới trang để áp dụng.

Xoá localStorage cặp khoá-giá trị

1. Xem các cặp khoá-giá trị localStorage của một miền. Ví dụ: trên trang minh hoạ này.
2. Nhấp vào một cặp khoá-giá trị để chọn cặp đó.
3. Nhấp vào Xoá trong thanh thao tác ở trên cùng để xoá cặp đã chọn.
4. Hoặc nhấp vào Xóa tất cả để xóa tất cả các cặp.

Tương tác với localStorage từ Bảng điều khiển

Vì bạn có thể chạy JavaScript trong Console và vì Console có quyền truy cập vào ngữ cảnh JavaScript của trang, nên bạn có thể tương tác với localStorage từ Console.

1. Trong DevTools, hãy mở Bảng điều khiển.
2. Nếu bạn muốn truy cập vào các cặp khoá-giá trị localStorage của một miền khác với trang bạn đang truy cập, hãy chọn ngữ cảnh JavaScript mà bạn cần trong trình đơn thả xuống ngữ cảnh trong thanh thao tác ở trên cùng.
3. Chạy biểu thức localStorage trong Console (Bảng điều khiển), giống như cách bạn chạy trong JavaScript.