如何在没有 iFrame 的情况下在离子应用程序中显示网站？答案

【问题标题】：How to show a website inside an ionic application without iFrame?如何在没有 iFrame 的情况下在离子应用程序中显示网站？
【发布时间】：2019-02-01 09:23:35
【问题描述】：

我环顾了很长时间，但找不到任何有用的东西。

我指的是这个问题：here - 在您的离子应用程序中嵌入一个网站。不幸的是，使用 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',
};

有没有更好的方法将网站嵌入到应用程序中？

【问题讨论】：

也许这可以帮助github.com/nioperas06/ultimate-cordova-webview-app
嘿，谢谢你的链接！问题是我已经实现了一个具有多个功能的应用程序。现在我想在另外一两个页面中显示网页内容。因此，仅包含 Web 视图的整个应用程序并不是我想要的。

标签： cordova ionic-framework iframe ionic4

【解决方案1】：

虽然我认为InAppBrowser 是最好的。您可以自定义其设置以显示导航栏。我坚持你使用InAppBrowser。

现在来到iframe 替代方案，您可以使用embed 和object。但这在某些情况下也行不通。

要自定义InAppBrowser，请访问link.，您还可以找到大量相关教程。

我希望这会有所帮助！谢谢！

【讨论】：

您能否详细说明如何更改设置以显示导航栏？我添加了我的 InAppBrowserOptions。为了进一步澄清 - 我希望能够在网站打开时访问我的应用程序菜单。