如何打开<a href=""> link outside cordova webview (in Safari or Google Map)?

时间:2017-05-24 07:38:32

标签: html ios cordova google-maps taco

I have created a hosted app using this tutorial: Microsoft Tutorial Page

在此网络应用中,可以使用<a href>链接打开Goog​​le地图,如:

<a href=""https://maps.google.com/?q=" + myAddressString target="_system"> Address URL </a>

点按此 href 时,它会将我的应用设置为后台模式,并在GoogleMap应用程序或Safari浏览器中打开地图。

但有时候,相同的链接会在托管的cordova app webview中打开地图网址,因此,我的应用程序消失了,用户无法通过任何方式返回我的应用程序。

任何人都可以建议如何将地图网址嵌入托管网络应用。

注意:我已经在我的应用中使用了InAppBrowser cordova插件。

配置文件:

<access origin="*" /> <access origin="http://*/*" /> <access origin="https://*/*" /> <access origin="content:///*" /> <access origin="https://*google.com/*" /> <access origin="https://maps.google.com/*" /> <access origin="https://*.mywebsite.com/*" /> <access origin="https://*.myotherwebsite.com/*" /> <access origin="https://accounts.mywebsite.com/*" /> <access origin="https://accounts.myotherwebsite.com/*" /> <access origin="https://officerapp.mywebsite.com/*" /> <access origin="https://officerapp.myotherwebsite.com/*" /> <allow-intent href="*" /> <allow-intent href="tel:*" /> <allow-intent href="sms:*" /> <allow-intent href="mailto:*" /> <allow-intent href="geo:*" /> <allow-intent href="http://*/*" /> <allow-intent href="https://*/*" /> <allow-intent href="https://*google.com/*" /> <allow-intent href="https://maps.google.com/*" /> <allow-intent href="https://accounts.mywebsite.com/*" /> <allow-intent href="https://accounts.myotherwebsite.com/*" /> <allow-intent href="https://officerapp.mywebsite.com/*" /> <allow-intent href="https://officerapp.myotherwebsite.com/*" /> <allow-navigation href="https://accounts.mywebsite.com/*" /> <allow-navigation href="https://accounts.myotherwebsite.com/*" /> <allow-navigation href="https://myapp.mywebsite.com/*" /> <allow-navigation href="https://myapp.myotherwebsite.com/*" />

2 个答案:

答案 0 :(得分:0)

这很简单,尝试打开它就像在新标签页中打开链接一样。只需将此属性添加到您的代码中:

target="_blank"

所以,你有:

<a href=""https://maps.google.com/?q=" + myAddressString target="_blank"> Address URL </a>

答案 1 :(得分:0)

首先确保你的config.xml中没有任何这个

<allow-navigation href="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />

此标记允许导航到http,https或应用内的任何内容

然后添加

<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

这将启动外部浏览器以查找以http或https

开头的任何内容