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

时间:2018-07-07 23:42:00

标签: typescript cordova ionic-framework inappbrowser pwa

美好的一天

我对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时,它会加载网页,但会丢失我在应用程序中创建的所有内容。

我知道上述行中缺少某些内容,但是我不确定哪些丢失了,因此该页面将显示在应用程序中,同时保持我的标签和整个应用程序的外观。

App Image Example

编辑:添加了上面的图像,以更好地解释它正在尝试做什么。在空白处应加载网页,但未加载

1 个答案:

答案 0 :(得分:1)

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

编辑:InAppBrowser可以在用户的​​浏览器(_system)上从外部打开,也可以作为新的Webview(_self)在内部打开,在后一种情况下,Webview将覆盖整个应用程序窗口,因此,您当前的应用仍然落后,现在您应该使用事件来最终关闭Webview并返回到您的应用(请在下面阅读我的评论)。

您的问题没有提及您要在此处实现的目标到底是什么,请澄清一下。