【问题标题】:Unable to Display website using In-App-Browser无法使用应用内浏览器显示网站
【发布时间】:2018-07-07 23:41:59
【问题描述】:

早安,

我对 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

编辑:添加了上面的图片以更好地解释它想要做什么。在空白处,网页应该被加载,但它没有被加载

【问题讨论】:

    标签: typescript cordova ionic-framework inappbrowser pwa


    【解决方案1】:

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

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

    您的问题并未提及您究竟想在这里实现什么,请澄清一下。

    【讨论】:

    • 是的,它已经安装好了。这是我做的第一件事。 Inappbrowser 工作,只是当函数被调用时它不会在应用程序中显示它显示网站
    • 我明白了。使用_self 打开不会删除您当前的索引页面,它会创建一个新页面。您可以使用loadstop 事件侦听器来检测这个新的 web 视图何时被导航,并在检测到特定 URL 时将其关闭,例如,如果您导航到带有 ?close 参数的 URL,然后从 Cordova 检查是否加载的 URL 在其名称中包含 ?close 并使用 webview 上的 .close() 方法返回到您的应用程序。
    • 我正在尝试在应用程序内显示网站的内容。因此,当您打开应用程序时,您会看到网页。它不应打开外部浏览器,而应显示在应用程序本身中。
    • 请注意,这种行为不会受到 Google Play 商店的欢迎,更不用说 Apple Store 的法规和政策了。只有在绝对没有其他选择的情况下才应该使用 webviews。
    • 是的,我明白这一点并阅读了政策,所以我很确定我是正确的,因为这只是部分功能https://stackoverflow.com/questions/29799682/show-a- website-inside-an-ionic-tab 这正是我试图完成此方法的方法,但似乎不适用于 ionic 3
    猜你喜欢
    • 1970-01-01
    • 2015-08-25
    • 2013-05-14
    • 2017-07-13
    • 2015-04-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多