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

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

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

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

如何使用电容器浏览器API

2 个答案: