ionic4 - 如何使用电容浏览器 API

Question

我目前正在将我的项目移植到 Ionic 4 并想用 Capacitor 浏览器替换 Cordova InAppBrowser 但到目前为止收效甚微......这是我的页面：

import { Component, OnInit } from '@angular/core';
import {Plugins} from '@capacitor/core';
const { Browser } = Plugins;

@Component({
  selector: 'app-srd',
  templateUrl: './srd.page.html',
  styleUrls: ['./srd.page.scss'],
})
export class SrdPage implements OnInit {

constructor() {
}

async ngOnInit() {
    const url = 'http://capacitor.ionicframework.com/';
    await Browser.open({'url': url});
}
}

没有控制台输出，页面保持空白。任何想法出了什么问题？

Answer 1

这应该有效。删除第一个 url 周围的引号：

import { Component, OnInit } from '@angular/core';
import {Plugins} from '@capacitor/core';
const { Browser } = Plugins;

@Component({
  selector: 'app-srd',
  templateUrl: './srd.page.html',
  styleUrls: ['./srd.page.scss'],
})
export class SrdPage implements OnInit {

  constructor() {
  }

  async ngOnInit() {
    const url = 'http://capacitor.ionicframework.com/';
    await Browser.open({'url': url});
  }
}

Answer 2

import { Browser } from '@capacitor/browser';

async openLink(Url){
   await Browser.open({ url: Url });
 }

Answer 3

const url = 'http://capacitor.ionicframework.com/';
await Browser.open({url: url});