2012-02-22 31 views
173

Tôi đã tạo tiện ích mở rộng của Chrome và đang sử dụng localStorage để lưu trữ dữ liệu.Cách xem hoặc chỉnh sửa localStorage

Tôi đang truy cập localStorage thông qua "background_page".

Nó hoạt động tốt nhưng làm cách nào tôi có thể xem giá trị của nó theo cách thủ công? Trong Firefox, bạn có thể sử dụng Firebug.

Bất kỳ ai có bất kỳ đề xuất nào?

Trả lời

122

Chỉ cần mở Công cụ phát triển bằng cách nhấn F12.

Nhấp vào tab Ứng dụng (trước đây là Tài nguyên) và bạn sẽ thấy nội dung của localStorage. Từ đó bạn có thể thêm/chỉnh sửa/xóa các khóa/giá trị theo cách thủ công.

localStorage resources tab

Trên OS X chìa khóa là: + + i

Một kết hợp: Ctrl + phím Shift + i


.210

EDIT: Trong Chrome 56 nó trông như thế này:

enter image description here

+3

Đã thử nhưng localStorage trống. Có thể vì tôi đã tải tiện ích mở rộng chưa được giải nén? –

+0

Điều này có thể giúp bạn: http://stackoverflow.com/questions/3598669/cookie-or-localstorage-with-chrome-extensions – Simone

+2

Simone, tôi biết cách đặt và đọc localStorage bằng JS, nhưng tôi cần chỉnh sửa theo cách thủ công/xóa nó –

11

Bạn có thể vào chrome: // chrome/extensions và sẽ có một liên kết đến trang nền của bạn rằng một khi bạn khởi động bạn có thể sử dụng Công cụ Dev để xem nội dung của localStorage.

+0

Cảm ơn bạn đã trả lời @Ryan S nhưng localStorage trống Tôi đặt nó như thế này 'localStorage ['xy'] = JSON.stringify (xy);' –

+2

Trong chrome console, bạn có thể thực hiện 'localStorage.setItem (' xy ', JSON.stringify (xy)) 'và điều đó sẽ đặt mục trong localStorage –

+2

làm chrome: // chrome-url /, sau đó lưu trữ cục bộ –

173

Thật đơn giản. Chỉ cần chuyển đến công cụ nhà phát triển bằng cách nhấn F12, sau đó chuyển đến tab Ứng dụng. Trong phần Bộ nhớ mở rộng Bộ nhớ cục bộ. Sau đó, bạn sẽ thấy tất cả bộ nhớ cục bộ của trình duyệt ở đó.

+4

Trong phiên bản Chrome 60 bạn không thể sửa đổi hoặc thêm mục mới, bạn' sẽ phải thực hiện nó thông qua giao diện điều khiển và 'localStorage.setItem ('key', 'value')' –

13

Tôi hiện đang sử dụng phiên bản chrome 52.0.2743.82 m. Trong phiên bản Chrome mới nhất hiện tại, bạn có thể xem các giá trị lưu trữ cục bộ bằng cách khởi chạy "Công cụ nhà phát triển" và sau đó xem trong tab "Ứng dụng".

Các vấn đề liên quan