如何在 Ionic 中使用 InAppBrowser 打开不同的域 iFrame 链接？

Question

所以我正在使用 ionic 创建一个应用程序，我遇到的问题是当我将 disqus 作为 iframe 加载时。 iframe 中有链接，例如登录名和指向其他帖子的链接等，但是它们不会在 android 中打开。我制作了一个脚本来使用 InAppBrowser 打开应用程序中的所有链接，它适用于除 iframe 之外的所有内容。

现在我明白了，因为 iframe 来自另一个域，我无法修改它或捕获链接等，所以我的问题是你知道我可以使用 InAppBrowser 打开 iframe 中的链接的任何其他方式吗？

编辑，澄清我不希望 iframe 内的链接在其中打开，但我希望 InAppBrowser 在新窗口中打开它们。

Answer 1

我假设 Cordova InAppBrowser 插件已安装。

试试下面的代码：

<button class="button button-outline button-royal" ng-click="gotoLink('http://www.google.com')">Open Google</button>

在控制器文件中：

$scope.gotoLink = function(url) {
  $window.open(url, '_system', 'location=yes' );
}

你也可以看到这个tutorial for more information。

Answer 2

我发现实现这一点的唯一方法是从父窗口实现一个函数到加载的 iframe 中，并在您单击某些内容或打开该链接的任何内容时在该 iframe 中使用此函数。例如，您可以声明一个函数（假设您使用的是 inappbrowser 插件），例如：

function openLink(url, target, options) {
    window.open(url, target, options);
}

然后，将该函数放入您的 iframe（frame 是您的 iframe）：

frame.onload = function() {
    this.contentWindow.launchIAB = openLink;
}

最后，在您的 iframe 代码中随时使用它：

document.querySelector('a.openLink').on('click', function() {launchIAB(this.href);});