Cordova-plugin-ionic-webview for non-local website

Hello, I’ve been trying to find a tutorial on how to use webview, and the documentation, at least for me, is not very clear (I am not an engineer by trade, but always learning).

I have a circumstance that I can not get an iframe to work as desired with a remote site; (the site loads, but the iframe adjusts to the height of the loaded website and therefor the sticky header doesn’t work.)

So I thought I would try webview instead. So 2 questions:

  1. Can webview (if origin, allowNavigation are set properly in config.xml) load remote websites?
  2. If yes, can you point me to a tutorial, fiddle, or similar to help me get started, just need a nudge.

Here is how I have the iframe working, but I’m not sure what to change here for webview:


and the JS:

import { Component, OnInit } from "@angular/core";
import { DomSanitizer } from "@angular/platform-browser";
import { ToastController } from "@ionic/angular";
import { Network } from "@ionic-native/network/ngx";
import { WebView } from "@ionic-native/ionic-webview/ngx";

  selector: "app-tab1",
  templateUrl: ""
export class Tab1Page implements OnInit {
  myurl: any = "";

    private network: Network,
    private toastCtrl: ToastController,
    private sanitizer: DomSanitizer,
    private webview: WebView
  ) {}
  ngOnInit() {
    if ( != "none") {
      let hello = this.webview.
        this.myurl = this.sanitizer.bypassSecurityTrustResourceUrl(
    } else {
      let toast = this.toastCtrl
          message: "Please check your internet connection.",
          duration: 2000,
          position: "middle"
        .then(toastData => {

Thank you in advance for any direction. I appreciate it.