文章/答案/技术大牛

发布

社区首页 >问答首页 >存储离线查看离子3的网页

问存储离线查看离子3的网页
EN

Stack Overflow用户

提问于 2017-12-29 20:05:24

回答 1查看 872关注 0票数 1

我想知道是否可以像在离子2/3中使用图像那样，将网页放在本地存储，或者将其保存在本地供脱机查看。下面是使用google文档访问远程图书的一段代码：

book.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import {SafeResourceUrl, DomSanitizer} from '@angular/platform-browser';

import { Storage } from '@ionic/storage';

@IonicPage()
@Component({
  selector: 'page-view-book',
  templateUrl: 'view-book.html',
})
export class ViewBookPage {
    book: any;
    pdfUrl: SafeResourceUrl;

  constructor(private domSanitizer: DomSanitizer, 
              public navCtrl: NavController, 
              public navParams: NavParams) {

    this.book = navParams.data.book;
    // get url of pdf and embed in iframe from google docs
    this.pdfUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(
        'http://docs.google.com/gview?url='+this.book+'&embedded=true');

  }

book.html

<ion-header>

  <ion-navbar>
    <ion-title>View book</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

 <iframe width="100%" height="100%" [src]="pdfUrl" frameborder="0" allowfullscreen>
</iframe>


</ion-content>

现在我需要的是能够在它第一次加载之后离线查看网页(可能是在iframe中)。谢谢

javascript

html

angular

ionic2

ionic3

回答 1

Stack Overflow用户

发布于 2017-12-29 20:12:14

我强烈建议你使用Ionic cache service。

离子缓存服务，可以缓存几乎所有东西。它缓存请求、可观察性、承诺和经典数据。它使用离子存储，所以我们支持IndexedDB，SQLite (Cordova)，WebSQL按这个顺序。它可以单独用于角2的应用。

npm install ionic-cache @ionic/storage --save

伟大的video and article from Simon。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48027892

复制

相似问题

问存储离线查看离子3的网页
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问存储离线查看离子3的网页EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问存储离线查看离子3的网页
EN