在离子选项卡中显示网站

Shahab 发表于 Dev

沙哈卜

我正在开发基于离子框架的移动应用程序（主要针对Android）。我的项目是基于选项卡的应用程序。在第一个标签中，我想加载一个外部网站，但是我不知道该怎么做。

我尝试了ngCordova InAppBrowser，但它需要全屏显示，并且导航选项卡落后。

我也尝试加载iFrame，并且它可以在模拟器中使用，但是此解决方案根本无法在android设备上运行，并显示一个空的iFrame（除了它的定位限制之外，我认为我可以使用CSS对其进行分类）。

我有什么想念的吗？有什么建议吗？

最终的应用程序应如下所示（其本机iOS版本）：样本输出设计

沙哈卜

我设法使用iFrame解决了这个问题。

使用ajax.load()会遇到诸如加载元数据之类的问题。要使用iFrame，您应该添加<access origin="yourwebsite.com/*"/>。另外，您应该按以下方式在Create上更改Android MainActivity（ ~~我找不到源~~ 代码：使用Phonegap的Android应用程序的iframe无法正常工作）：

@Override
public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    super.init();
    super.appView.setWebViewClient(new CordovaWebViewClient(this, super.appView) {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            return false;
        }
    });
    // Set by <content src="index.html" /> in config.xml
    loadUrl(launchUrl);
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。