如何通过ionic2中的windows.open()打开本地HTML页面?

时间:2019-06-06 11:35:11

标签: cordova ionic-framework ionic2 cordova-plugins

我需要在ionic2中通过window.open()打开专门用于我的iOS版本的本地HTML页面之一。

例如,我在src>应用程序>资产>测试> test.html中有一个HTML页面(我知道这不合适) 我一直试图用window.open(url,target)打开此页面,但找不到任何解决方案。我尝试了很多组合。

这是第一个:

window.open('assets/test/test.html', '_system');

我还添加了corodva插件“ cordova plugin install cordova-plugin-file”,并遵循了一些示例,例如:https://medium.com/@barsh/cordova-navigating-to-local-content-from-a-website-3ed774c58d37

我尝试过这种组合:

 window.open('cdvfile://localhost/bundle/www/assets/test/test.html', 
'_system');
window.open('cdvfile://localhost/persistent/www/assets/test/test.html', 
'_system');

和许多其他组合,但没有成功。我在理解如何建立路径(相对或绝对)时遇到问题。

注意:当我看到朋友建议使用应用内浏览器时,我将详细说明该问题。由于HTML页面包含A-frame(借助Ar.js的Augmented Reality),并且我们没有解决方案将此页面加载到适用于iOS版本的ionic应用程序中(有关该问题的更多信息,您可以看到我之前的问题:{{ 3}})我正在考虑另一种解决方案。解决方案是在Safari中显式打开此HTML页面。在这种情况下,应用内浏览器对我没有帮助,但是window.open似乎可以用于打开与AR相关的页面。现在,我要测试的是是否可以通过window.open()在Safari中打开本地html页面(包含AR)。我希望这部分使问题更清楚。

2 个答案:

答案 0 :(得分:0)

在应用内打开链接的最佳解决方案是“在应用浏览器中”

In App Browser

使用此功能,可以在应用程序中打开链接。

答案 1 :(得分:0)

使用应用内浏览器插件,这将在您的应用中打开HTML页面。 通过链接-https://ionicframework.com/docs/v3/native/in-app-browser