onsen-ui - 我需要在 Onsen Ui 中启动外部网站

Question

我需要在 Onsen Ui 中启动外部网址/网站，而无需离开应用程序。我猜想我可以在需要的 ons-page 标签之间使用 iframe，但可能不太可靠。

这是我的第一个 Onsen Ui 项目。

吉米

Answer 1

只需在 OnsenUI 上使用以下方法即可

<a href="www.example.com">Link</a>

将销毁整个应用程序(Web View )并用外部 HTML 资源替换。

<小时/>

解决方案:所以你可能需要 cordova-plugin-inappbrowser 的帮助插件。

就你而言，无需离开应用程序即可在 Onsen Ui 中启动外部网址/网站，您需要“_self”或“_blank”(“_blank”用于下面的示例代码)

// opts is optional depend on your requirements
var opts = 'location=yes';
var ref = cordova.InAppBrowser.open('http://www.example.com', '_blank', opts);

或者你可以使用 ngCordova 的 $cordovaInAppBrowser

angular.module('app')
    .controller('ctrl', ['$cordovaInAppBrowser', function($cordovaInAppBrowser) {
         var opts = {location: 'yes'};
         $cordovaInAppBrowser.open('http://www.example.com', '_blank', opts);
     }]);