Question

我已经基于空白的入门模板创建了一个非常简单的应用程序，该模板使用InAppBrowser（Ionic 3）包装了一个网站。

通过虚拟设备使用Android Studio，该应用程序可以正常运行-浏览器允许我垂直滚动页面以读取其中的内容。

但是，使用iOS 11.4.1（iPhone）上的Ionic DevApp可以加载页面，但不能让我垂直滚动-向上/向下滑动时似乎被锁定了。

这是我的代码：

home.html

<ion-header>
  <ion-navbar color="dark">
    <ion-title>
      InAppBrowser Test
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content overflow-scroll="true">
Waiting for InAppBrowser content...
</ion-content>

home.ts

import { Component } from '@angular/core';
import { InAppBrowser, InAppBrowserOptions } from "@ionic-native/in-app-browser";
import { Platform } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})

export class HomePage {
  constructor(
    private iab: InAppBrowser,
    private platform: Platform
  ) {
      const iabOptions: InAppBrowserOptions = {
        clearcache: 'yes',
        clearsessioncache: 'yes',
        hideurlbar: 'yes',
        location:'no',
        zoom:'no'
      }
      this.platform.ready().then(() => {
        const browser = this.iab.create('https://en.wikipedia.org/wiki/Ionic_(mobile_app_framework)','_self', iabOptions);
        browser.show();
      });
    }
}

离子信息

cli packages: (C:\Users\lenovo\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : not installed

local packages:

    @ionic/app-scripts : 3.2.1
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Node : v6.11.2
    npm  : 3.10.10
    OS   : Windows 10

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

我还在git repo中记录了一个错误：

github bug link

Inappbrowser iOS垂直滚动不起作用

0 个答案: