InAppBrowser有时为空/空白

rob*_*nnn 5 cordova inappbrowser ionic-framework ionic3

我正在开展一个项目,在那里我大量使用它InAppBrowser来查看不同的文档(PDF,DOC,DOCX).我用帮助och执行此操作docs.google.com,并将文档存储在其中firebase-storage.大部分时间它在我的Android设备上运行良好!但有时我得到的只是一个空的白色屏幕,我必须按后退按钮才能关闭InAppBrowser然后重新打开它以显示文档.

在Chrome开发人员工具中远程调试这种奇怪的行为时,我看到loadstart和loadstop事件被正确调用:

当我看到HTML空/白色时,InAppBrowser我看到空<body>-tags:

代码我用来打开InAppBrowser:

import { Injectable } from '@angular/core';
import { Platform } from 'ionic-angular';
import { InAppBrowser, InAppBrowserObject } from '@ionic-native/in-app-browser';
import { ScreenOrientation } from '@ionic-native/screen-orientation';
import { LoaderService } from './loader-service';
import * as firebase from 'firebase';

@Injectable()
export class FirebaseStorageService{
    browserOptions: string;
    browser: InAppBrowserObject;

    constructor(
        private iab: InAppBrowser,
        private loaderService:LoaderService,
        private platform: Platform,
        private screenOrientation: ScreenOrientation
    ){
        this.browserOptions = 'zoom=no,location=no,useWideViewPort=no,hidden=yes,enableViewportScale=yes';
    }

    viewPdf(path: string, loadText?:string):Promise<any>{
        this.showLoader(loadText);
        return new Promise<any>((resolve, reject) => {
            firebase.storage().ref().child(path).getDownloadURL().then(url => {
                let newURL = 'https://docs.google.com/gview?&url=' + encodeURIComponent(url);
                this.startBrowser(newURL);
                resolve();
            })
            .catch(err => {
                if(this.platform.is('cordova')){
                    this.loaderService.dismissLoader();
                }
                reject(err);
            });
        })
    }

    private startBrowser(path:string):void{
        this.browser = this.iab.create(path, '_blank', this.browserOptions);
        if(this.platform.is('cordova')){
            this.handleBrowserSubscriptions();
            this.screenOrientation.unlock();
        }
    }

    private handleBrowserSubscriptions():void{
        let stopSub = this.browser.on('loadstop').subscribe(event => {
            console.log('loadstop', event)
            this.loaderService.dismissLoader();
            this.browser.show();
            stopSub.unsubscribe();
            errorSub.unsubscribe();
        });

        let exitSub = this.browser.on('exit').subscribe(event => {
            console.log('exit:',event)
            this.loaderService.dismissLoader();
            exitSub.unsubscribe();
            this.browser.close();
            this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
        });

        let errorSub = this.browser.on('loaderror').subscribe(event => {
            console.log('loaderror', event)
            this.loaderService.dismissLoader();
            this.browser.close();
            this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
            stopSub.unsubscribe();
            errorSub.unsubscribe();
        });

        let startSub = this.browser.on('loadstart').subscribe(event => {
            console.log('loadstart', event);
        })
    }
}

Run Code Online (Sandbox Code Playgroud)

离子信息: Cordova CLI: 7.0.1 Ionic Framework Version: 3.2.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.3.7 ios-deploy version: Not installed ios-sim version: Not installed OS: Windows 10 Node Version: v6.9.4 Xcode version: Not installed

有没有其他人经历过这个,或者有谁知道如何解决这个问题？

归档时间：	9 年前
查看次数：	946 次
最近记录：	7 年，8 月前