Render external URL within the app page in ionic 5

Ionic Framework Ionic Angular
1

I need a way to render URL in app page.

In android native, It is possible to render external URL with tab structure using WebView by passing URL in it.

While finding its alternative in IONIC 5,

  1. There is an ionic-webview plugin is available but it has function to pass file path. Is there a way to pass URL in ionic-webview?
  2. Another way I found is using In App Browser but it opens URL in full screen mode, while I need to render url within the app’s page (in ion-content not outside the page).
  3. Using iframe, but it gives this error. Refused to display ‘website name’ in a frame because it set ‘X-Frame-Options’ to ‘deny’
  4. Using jQuery to load URL directly, but it gives error as mentioned below.
    $(’#test’).load(‘website url’);
    error: blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Can anyone please let me know the way to render external URL in ionic app’s page?

2

My 2cts - looking at the options you explored I don’t believe there is much else there out of the box.

I can think of a fancy set-up maybe with Ionic Portals, but that hasn’t been built yet.

Or maybe your own Capacitor plugin that does whatever you want…

3

Thank you for your suggestion but I am using cordova in app.