angular - 获取 indexedDb 配额存储信息

Question

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

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

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

Property 'webkitTemporaryStorage' does not exist on type 'Navigator'.

谁能提供在 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)

interface Navigator {
    webkitTemporaryStorage: {
        queryUsageAndQuota ;
    }
}