Ionic3:在InAppBrowser上打开所有目标空白链接

时间:2019-05-28 15:43:12

标签: ionic-framework ionic3

我有一个使用InAppBrowser的应用程序。我在论坛上看到了如何打开链接的方法,但是尝试时出现错误:

  

“ InAppBrowser”类型上不存在“打开”属性。

我的住所

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


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


export class HomePage {

  constructor(public navCtrl: NavController, public plt: Platform, private iab: InAppBrowser) {

    this.plt.ready().then((readySource) => {
        console.log("Ready!");
        window.open = this.iab.open;
    });

  }

有人可以告诉我什么地方出了问题或如何做到这一点的最佳方法?

谢谢!

1 个答案:

答案 0 :(得分:0)

在Ionic中,插件InAppBrowser使用功能create()实例化,然后使用功能show()启动浏览器。这是实现的示例(摘自this page of the doc):

import { InAppBrowser } from '@ionic-native/in-app-browser';

constructor(private iab: InAppBrowser) { }

...

const browser = this.iab.create('https://ionicframework.com/');

browser.executeScript(...);

browser.insertCSS(...);
browser.on('loadstop').subscribe(event => {
   browser.insertCSS({ code: "body{color: red;" });
});

browser.close();