I tryed to embed a mobile website to my ionic app.
As example I use an iFrame to embed the Bootstrap homepage. <ifram data-tap-disabled="true" src="https://getbootstrap.com/"></iframe>
It seems to look good when I open the app but after navigating to a subpage inside the iFrame the contents width expands and the overflow isn’t readable any more.
Also scrolling is disabled inside the iFrame after loading the subpage.
Is there an easy way to embed a full website wich is fully mobile-friedly to an ionic app?
Other than the struggle with App Store delivery I would think perhaps ionic is not the right fit for this scenario.
Just plain Cordova perhaps?
You would also need to whitelist the site if you haven’t already.
Additionally I think you’d need some css tricks like overflow-x being set to none or something like that. And your mobile site probably needs a viewport tag adding if not already.
I still need a solution for this.
I only want to embed a fully mobile website with a fullscreen iFrame as app.
Any ideas?
I tried ionic and plain cordova - but after clicking a link inside the page it reloads the page and the iframe have a wrong size (feels like 500% width ).
Hello
I embed a mobile website to my ionic app.
but confusion is Apple is allow this type of app or they reject the app
Any Solution to solve this issues ?
They MIGHT reject. They’re not fans of that type of injection as it means you could change everything about the app at any time. (and that’s just one reason)