html - 可以从 webkitStorageInfo.queryUsageAndQuota() 获取详细信息

Question

webkitStorageInfo.queryUsageAndQuota() 用于查找已使用 HTML5 文件系统 API 存储在文件系统中的文件的使用情况统计信息。谁能给我提供给这个函数的回调中可以获得的详细信息。

window.webkitStorageInfo.queryUsageAndQuota(webkitStorageInfo.PERSISTENT, function() {
   //what all details can be obtained in this function as its arguments?
})

Answer 1

下面是当前 API 的两个示例。

它使用 navigator.webkitPersistentStorage.requestQuota 而不是已弃用的 window.webkitStorageInfo.queryUsageAndQuota:

查询配额

navigator.webkitPersistentStorage.queryUsageAndQuota ( 
    function(usedBytes, grantedBytes) {  
        console.log('we are using ', usedBytes, ' of ', grantedBytes, 'bytes');
    }, 
    function(e) { console.log('Error', e);  }
);

请求配额

var requestedBytes = 1024*1024*280; 

navigator.webkitPersistentStorage.requestQuota (
    requestedBytes, function(grantedBytes) {  
        console.log('we were granted ', grantedBytes, 'bytes');

    }, function(e) { console.log('Error', e); }
);

这里我们使用navigator.webkitPersistentStorage来查询和请求持久存储配额。您还可以使用 navigator.webkitTemporaryStorage 来处理临时存储配额。

当前的 Chrome 实现跟踪这个特定的规范版本，它描述了更多内容:https://www.w3.org/TR/quota-api/ .

他们还专门解释了temporary和permanent的区别here : 临时数据更像是您的 tmp 文件夹或弱引用，因为系统可能会随心所欲地删除内容，而永久数据应始终在删除前通知用户。

您可能希望从一个包装器开始，以避开与 Web API 相关的所有浏览器兼容性 hell (规范的许多部分明确声明:“这是一个提案，可能会在没有任何通知的情况下更改”)。 Dexie ，例如，是一个积极开发的 IndexedDb 包装器。

chromestore.js是另一个 wrapper (但多年未被触及)。