Question

我有一个工作，接受并通过apple，html5 phonegap webapp批准，但我无法获得打开safari或地图应用程序的外部链接。 Android版本的问题是一样的。

当点击/点击链接时，我猜测，电话间隙inappbrowser抓取window.open事件并将外部页面加载到当前窗口实例中，并且没有后退键。

现在，应用程序只会显示外部加载页面，直到退出并重新启动。

我已经阅读了大量关于此的评论和论坛。我已经遵循了我能找到的所有选项，但问题仍然存在。

有人可以告诉我哪里出错了，因为我正以惊人的速度失去头发......

使用phonegap.js和jquery，使用Phonegap 3.1在线构建。我通过Jquery捕获外部链接，这一切都有效。

请在下面找到我正在使用的代码。

// capture external link click or tap?
$(document).on('click', 'a[data-rel="external"]', function(e){
e.preventDefault();
var targetURL = $(this).attr("href");
console.log('external link: '+targetURL);
var ref = window.open(targetURL, '_system', 'location=yes');
});

我已阅读有关config.xml page link to phonegap的phonegap文档，这就是我添加的内容。

<preference name="phonegap-version" value="3.1.0" />
<plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" />
<plugin name="InAppBrowser" value="CDVInAppBrowser" />

我还读过Apple url-scheme-name，并在config.xml中使用它：

<gap:url-scheme name="com.canal-st.canal-st" role="None">
<scheme>mailto</scheme>
<scheme>tel</scheme>
<scheme>http</scheme>
</gap:url-scheme>

我一定错过了什么。最后我调用mobileinit bind在jquery.mobile之前被调用：

<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
   $.support.cors = true;
   $.mobile.allowCrossDomainPages = true;
   $.mobile.pushState = false;
   console.log('in mobileinit');
});
</script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>

我知道这里有很多类型的问题，但没有一个解决方案正常工作，或者新版本的phonegap是否会导致问题？

Answer 1

你的window.open应该使用'_self'而不是system。例如：

$(document).on('click', 'a[data-rel="external"]', function(e){
    e.preventDefault();
    ....
    var ref = window.open(targetURL, '_self', 'location=yes');
});

HTML5 phonegap webapp在safari或其他原生应用中打开链接

1 个答案: