获取 indexedDb 配额存储信息

Question

我尝试了下面的代码来获取 indexedDb 配额存储信息

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

它不工作并给出以下错误。

“Navigator”类型上不存在属性“webkitTemporaryStorage”。

谁能提供在 typescript 中获取 indexedDb 配额存储信息的解决方案？

Answer 1

问题在于缺少 TypeScript 输入。你可以考虑这个answer。

为了解决这个问题，一种解决方法是声明any类型的变量：

let nav: any = navigator;
nav.webkitTemporaryStorage.queryUsageAndQuota ( 
function(usedBytes, grantedBytes) {  
    console.log('we are using ', usedBytes, ' of ', grantedBytes, 'bytes');
}, 
function(e) { console.log('Error', e);  }
); 

另一种方式是扩展Navigator的接口

interface Navigator {
    webkitTemporaryStorage: {
        queryUsageAndQuota ;
    }
}