Cập nhật ngày 15 tháng 1 năm 2018
Các StorageManager giao diện của lưu trữ API đang trở thành một tiêu chuẩn cho tất cả các lưu trữ liên quan đến truy vấn api. Như đã đề cập bởi @ miguel-lattuada , API ước tính sẽ cung cấp ước tính dung lượng lưu trữ đã sử dụng ứng dụng web là dung lượng lưu trữ có sẵn. Ngoài ra, lưu ý ngoại lệ QuotaExceededError sẽ giúp chúng tôi xử lý các tình huống lỗi.
ví dụ mã:
if ('storage' in navigator && 'estimate' in navigator.storage) {
navigator.storage.estimate().then(({usage, quota}) => {
console.log(`Using ${usage} out of ${quota} bytes.`);
}).catch(error => {
console.error('Loading storage estimate failed:');
console.log(error.stack);
});
} else {
console.error('navigator.storage.estimate API unavailable.');
}
Để biết thêm thông tin, hãy tham khảo 2 bài viết hay sau:
Ngày 16 tháng 3 năm 2017 (giữ nó chỉ để tham khảo / lịch sử)
Gần đây tôi đã xem qua bài viết này: offline-cookbook có ghi như sau:
Nguồn gốc của bạn được cung cấp một lượng không gian trống nhất định để làm những gì nó muốn. Đó là không gian trống được chia sẻ giữa tất cả các lưu trữ nguồn gốc : Lưu trữ Cục bộ, IndexedDB, hệ thống tập tin, và các Caches nhiên.
Số tiền bạn nhận được không phải là thông số cụ thể , nó sẽ khác nhau tùy thuộc vào thiết bị và điều kiện lưu trữ. Bạn có thể biết mình đã có bao nhiêu thông qua:
navigator.storageQuota.queryInfo("temporary").then(function(info) {
console.log(info.quota);
console.log(info.usage);
});
Mã trên có thể không hoạt động trong tất cả các trình duyệt . (ví dụ: trong chrome <48, người ta có thể phải tìm kiếm webkitPersistsStorage, v.v.)
Thông tin / tài nguyên hữu ích khác
Theo bộ nhớ ngoại tuyến cho các ứng dụng web tiến bộ của Addy Osmani
Trong Chrome and Opera: Bộ nhớ của bạn là theo nguồn gốc (thay vì theo API). Cả hai cơ chế lưu trữ sẽ lưu trữ dữ liệu cho đến khi đạt đến hạn ngạch của trình duyệt. Các ứng dụng có thể kiểm tra lượng hạn ngạch mà họ đang sử dụng bằng API quản lý hạn ngạch (như được mô tả ở trên).
Firefox không có giới hạn, nhưng sẽ nhắc sau khi dữ liệu 50MB được lưu trữ
Mobile Safari Tối đa 50MB
Desktop Safari không giới hạn (lời nhắc sau 5MB)
IE10+ tối đa 250MB và lời nhắc ở 10MB
Hướng dẫn chi tiết hơn về Làm việc với hạn ngạch trên trình duyệt di động của Eiji Kitamura.
Hiện tại, đây là những bài báo / giải pháp phù hợp nhất được tìm thấy cho vấn đề của tôi. Nếu ai biết một số bài viết hoặc thông số kỹ thuật tốt hơn xin vui lòng chia sẻ.