Question

Flarum是一个新时代的论坛软件，它有一个出色的移动网络应用程序，在iOS / Android的Chrome上运行得非常好。它有很多功能，如滑动讨论，点击回复等等。

我的目标是从Ionic混合应用加载相同的移动网络应用。我尝试从iFrame加载移动网络应用程序的第一件事。这引起了很多问题。最初页面甚至不会滚动，只有经过一段严肃的google-fu之后，我才能让滚动工作，这也是非常不稳定的。

然后我开始研究ngCordova的InAppBrowser。问题是我似乎无法获得与从iOS / Android中的Chrome加载它相同的功能。滚动工作正常，但缺少其他功能，即轻扫讨论和许多其他事情。

这是Ionic / ngCordova中的限制，还是有什么我应该看的？我查看了文档并按照here

中的步骤操作

任何提示，指示或示例应用程序将不胜感激。谢谢！

tl; dr ：我想从Ionic ngCordova的InAppBrowser加载移动网站，但可以获得与在移动设备上从chrome / safari加载它相同的功能。

Answer 1

JS

window.open(‘http://example.com’, ‘_system’);   //Loads in the system browser 
window.open(‘http://example.com’, ‘_blank’);    //Loads in the InAppBrowser
window.open(‘http://example.com’, ‘_blank’, ‘location=no’); //Loads in the InAppBrowser with no location bar
window.open(‘http://example.com’, ‘_self’); //Loads in the Cordova web view

HTML

<ion-view title="Test Page">
    <ion-content>
        <div class="list">
            <a class="item" href="#" onclick="window.open('http://www.nraboy.com/contact', '_system', 'location=yes'); return false;">
                Open a Browser
            </a>
            <a class="item" href="#" onclick="window.open('http://www.twitter.com/nraboy', '_system', 'location=yes'); return false;">
                Open a Twitter Client or Browser
            </a>
            <a class="item" href="#" onclick="window.open('https://plus.google.com/+NicRaboy', '_system', 'location=yes'); return false;">
                Open a Google+ Client or Browser
            </a>
        </div>
    </ion-content>
</ion-view>

来源https://www.thepolyglotdeveloper.com/2014/07/launch-external-urls-ionicframework/

将外部移动网站加载到Ionic的InAppBrowser

1 个答案: