时间戳

首页 > 解决方案 > 无法使用应用内浏览器显示网站

typescript - 无法使用应用内浏览器显示网站

问题描述

再会，

我对 Ionic 很陌生，只是为了摆脱它。我正在尝试将我的网站变成一个应用程序，我做了一些研究，发现应用内浏览器是最好的方法。

    constructor(public navCtrl: NavController, private inAppBrowser: InAppBrowser){}ngOnInit() {

const options:InAppBrowserOptions =
 { 
   zoom :'no',
  location : 'no',
  toolbar : 'no'

  }
  
    const browser = this.inAppBrowser.create("skyvertstudios.com/yaadi", '_system',options);

} }

现在，当我运行此代码时，网站未显示。当我还将 '_system 更改为 '_self 时，它会加载网页，但我会丢失我在应用程序中创建的所有内容。

我知道在上面的几行中遗漏了一些东西，但我不确定遗漏了什么可以让页面在应用程序中显示，同时保持我的标签和整体应用程序的外观。

应用图像示例

编辑：添加了上面的图片以更好地解释它想要做什么。在空白处，应加载网页但未加载

标签： typescriptcordovaionic-frameworkinappbrowserpwa

解决方案

您是否先将 inappbrowser插件安装到您的应用中？

编辑：InAppBrowser 将在外部，在用户的浏览器（_system）上或在内部作为新的 webview（_self）打开，在最后一种情况下，webview 将覆盖整个应用程序的窗口，所以是的，你当前的应用程序留在后面，现在你应该使用最终关闭 web 视图并返回您的应用程序的事件（请阅读下面的评论）。

你的问题没有提到你到底想在这里实现什么，请澄清一下。

推荐阅读