在客户端应用程序中跨应用程序缓存数据的最佳机制（方式）

Question

我有一个对webapi的角度服务调用，如果webapi关闭，必须从缓存加载数据，缓存在20分钟后过期。

哪种更好的方式来存储数据？

LocalStorage - 存储最多5 MB并终身清除浏览器的数据，它与应用程序缓存有何不同？ SessioStorage - 浏览器关闭和当前标签中的生命周期？它与缓存有何不同？

在角度1中，cachefactory和templatecache用于缓存技术？在angular2中，如何在没有任何第三方的情况下使用核心角度进行缓存。

如何在其他浏览器和IE浏览器中查看缓存数据？

如果服务api不可用，请将数据缓存20分钟并在20分钟后过期？ 哪种机制最适合处理这种情况（webstorage或缓存或内存数据服务或cookie）

数据大小为2 MB对象。 这是产品服务？

_ProductUrl ="http://www.testapi.com/api/product";
    getProduct(): Observable <IProduct[]>{   
      return this._http.get(this._ProductUrl)
        .map((response:Response) =>  <IProduct[]> response.json())
        .catch(this.handleError);

}  

product.component.ts

ngOnInit(){
this._productService.getProduct())
  .subscribe((response) => {
this.productData = response;
}),(err)=> {this.errorMsg =<any>err};

情景：

如果将数据存储在localstorage中，它将无法供其他用户使用，在这种情况下如何处理？

例如）如果A发送请求并获得成功转发，则将数据存储在webstorage中，并且能够看到data.if服务不可用。

现在如果b在20分钟内第一次从其他浏览器发送请求，服务不可用，localstorage是不可能的，需要处理这个问题吗？