在Ionic V4应用程序中显示网页-不一致

时间:2019-03-15 23:07:17

标签: angular ionic-framework

多年来,我一直使用以下内容在自己的Ionic应用程序中显示外部网站,没有任何问题:

<a href="https://www.golftocs.com/" style="color: #ffffff; font-size: 18px;">
  golfTOCS
</a>

我最近继承了一个Ionic V4应用程序,根据该插件文档,该应用程序使用cordova-plugin-inappbrowser来显示外部网站。我尝试从我的应用程序使用我已经可以使用的解决方案,即不使用应用程序浏览器,这样我就可以删除应用程序内浏览器插件。但是,这不起作用!

当我进行此更改时,应用程序会转换到外部网站,但功能不完全,并且左上角没有返回到应用程序的按钮。 Android和iOS上的操作相同。这让我发疯,我只想了解原因。

这两个应用程序都在Ionic V4生产,Angular 7.x.x和所有插件的几乎最新版本上运行。我已经比较了node_modules,插件,config.xml。我尝试过在工作和不工作的应用程序之间交换网址-不依赖于网址。

任何建议将不胜感激。

1 个答案:

答案 0 :(得分:0)

Cordova docs中,<allow-intent>控制您的应用程序可以在外部浏览的站点,而<allow-navigation>控制您的应用程序在内部(即WebView)可以导航的站点。尝试设置<allow-intent href="*" />来查看它是否可以解决新应用中的问题,并根据您的评论来设置<allow-navigation href="*" />

这两个应用程序都可能预先安装了cordova-plugin-whitelist,因此those docs可能会提供帮助。

此外,从慷慨的Content Security Policy开始,因为它可以增加一层额外的复杂性(MDN docs here)。

一旦工作,请确保您的政策尽可能严格和宽松。