Как показать сайт внутри ионного приложения без iFrame?

Question

Я долго осматривался, но не смог найти ничего, что сработало.

Я обращаюсь к этой проблеме: здесь - встраивание веб-сайта в ваше ионное приложение.К сожалению, предлагаемое решение с использованием iframe работает не для всех страниц, так как многие сайты заблокировали iframe, как вы можете видеть на картинке ниже.

Я уже пробовал подключаемый модуль InAppBrowser , который работает хорошо.Но он открывает полный экран и скрывает навигацию моего приложения.Вы должны закрыть экран, чтобы вернуться к приложению.Это не совсем то, что я хочу.Мои InAppBrowserOptions:

options : InAppBrowserOptions = {
    location : 'yes',
    hidden : 'no', 
    clearcache : 'yes',
    clearsessioncache : 'yes',
    zoom : 'yes',
    hardwareback : 'yes',
    mediaPlaybackRequiresUserAction : 'no',
    shouldPauseOnSuspend : 'no', 
    closebuttoncaption : 'Close', 
    disallowoverscroll : 'no', 
    toolbar : 'yes', 
    enableViewportScale : 'no', 
    allowInlineMediaPlayback : 'no',
    presentationstyle : 'pagesheet',
    fullscreen : 'yes',
    hideurlbar : 'yes',
    hidenavigationbuttons : 'yes',
};

Есть ли лучший способ встроить веб-сайт в приложение?

Answer 1

Хотя я думаю InAppBrowser лучше.Вы можете настроить его параметры для отображения панели навигации.Я настаиваю на том, чтобы вы использовали InAppBrowser.

Теперь, перейдя к альтернативе iframe, вы можете использовать embed и object.Но это также не будет работать в некоторых случаях.

Чтобы настроить InAppBrowser, перейдите по этой ссылке . Вы также можете найти множество учебников по этому вопросу.

Надеюсь, это поможет!Спасибо!