Làm cách nào để đối phó với giới hạn kích thước cho Lưu trữ web?

Question

Thông số W3C cho Lưu trữ web (được gọi chung là lưu trữ cục bộ HTML5, mặc dù đây là từ khóa sai) cho phép tác nhân người dùng thực thi giới hạn kích thước, được khuyến nghị là 5MB. Theo nhiều nguồn khác nhau tôi đã tìm thấy trên mạng, rất nhiều trình duyệt hiện đại sử dụng giới hạn 5MB này, ngoại trừ IE cung cấp 10MB.

Trước tiên, tôi muốn biết, giới hạn này có áp dụng cho tổng số kết hợp localStorage và sessionStorage hay riêng lẻ không?

Bây giờ, làm cách nào để chúng tôi thực sự đối phó với các giới hạn này? Có cách nào để tìm ra giới hạn cho một trình duyệt cụ thể không? Có trang web nào duy trì thống kê trên các trình duyệt khác nhau không? Có ngoại lệ khi trình duyệt vượt quá giới hạn không? Có cách nào dễ dàng để kiểm tra ngoại lệ này "lớp học" trong các trình duyệt khác nhau không?

Answer 1

AFAIK, không có phương pháp nào trong đối tượng localStorage để xác định kích thước của nó. Tuy nhiên, cố gắng ghi một lượng dữ liệu vượt quá giới hạn lưu trữ sẽ dẫn đến một ngoại lệ mà bạn có thể bắt được.

Hãy xem http://arty.name/localstorage.html

Về cơ bản, bạn có thể quấn chức năng viết trong một khối try...catch như thế này:

function write(value, name) { 
    try { 
     localStorage.field = value; 
     return true; 
    } catch (e) { 
     return false; 
    } 
}