我正在尝试从PhoneGap应用程序在Safari（在iPhone上）打开链接。我正在使用PhoneGap 3.1.0版，并使用PhoneGap Build来构建应用程序。
我在页面上有两个链接（如下面的www / index.html所示）。两个链接都在PhoneGap应用程序内打开。我可以看到PhoneGap已正确加载，因为警报（'设备就绪！'）; 已被触发。
我需要更改什么，打开默认浏览器中的链接（在应用程序外部）？
www / config.xml 文件如下所示：
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.company.appname" version="0.0.3">
<name>AppName</name>
<description>description</description>
<author href="http://www.example.com/" email="hello@example.com">
Company
</author>
<preference name="phonegap-version" value="3.1.0" />
<preference name="orientation" value="portrait" />
<preference name="stay-in-webview" value="false" />
<gap:plugin name="org.apache.cordova.inappbrowser" version="0.2.3" />
<gap:plugin name="org.apache.cordova.dialogs" version="0.2.2" />
<gap:plugin name="com.phonegap.plugins.pushplugin" version="2.0.5" />
<plugins>
<plugin name="InAppBrowser" value="CDVInAppBrowser" />
</plugins>
<feature name="InAppBrowser">
<param name="ios-package" value="CDVInAppBrowser" />
</feature>
<access origin="*" />
</widget>
www / index.html 文件如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>Test application</title>
</head>
<body>
<a href="#" onclick="openUrl('http://www.google.com/'); return false;">Link test 1</a>
<a href="#" onclick="window.open('http://www.google.com/', '_system', 'location=yes'); return false;">Test link 2</a>
<script src="phonegap.js"></script>
<script src="cordova.js"></script>
<script src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
function openUrl(url) {
alert("open url: " + url);
window.open(url, '_blank', 'location=yes');
}
function onDeviceReady() {
alert('device ready!');
}
$(function() {
document.addEventListener("deviceready", onDeviceReady, true);
});
</script>
</body>
</html>
这是项目结构：
├── platforms
├── plugins
│ └── org.apache.cordova.inappbrowser
│ ├── LICENSE
│ ├── package.json
│ ├── plugin.xml
│ ├── README.md
│ ├── RELEASENOTES.md
│ ├── src
│ │ ├── android
│ │ │ ├── InAppBrowser.java
│ │ │ └── InAppChromeClient.java
│ │ ├── blackberry10
│ │ │ └── README.md
│ │ ├── ios
│ │ │ ├── CDVInAppBrowser.h
│ │ │ └── CDVInAppBrowser.m
│ │ └── wp
│ │ └── InAppBrowser.cs
│ └── www
│ ├── InAppBrowser.js
│ └── windows8
│ └── InAppBrowserProxy.js
├── README.md
└── www
├── config.xml
├── cordova.js
├── index.html
├── js
│ └── jquery-1.9.1.js
└── phonegap.js
答案 0 :(得分：16)
这就是我在 Cordova / Phonegap 3.6.3
中解决的问题安装inappbroswer cordova插件：
cordova plugin add org.apache.cordova.inappbrowser
我想让我的phonegap应用程序与标准网页尽可能相似：我希望通过使用target =＆＃34; _blank＆＃34;在链接上，它将在外部页面中打开。
这就是我实现它的方式：
$("a[target='_blank']").click(function(e){
e.preventDefault();
window.open($(e.currentTarget).attr('href'), '_system', '');
});
所以我所要做的就是使用类似下面的链接
<a href="http://www.example.com" target="_blank">Link</a>
答案 1 :(得分：10)
这个怎么样？
<a href="#" onclick="window.open(encodeURI('http://www.google.com/'), '_system')">Test link 2</a>
修改
这可能属于： How to call multiple JavaScript functions in onclick event?
我在想，怎么样：
添加到代码：
$(".navLink").on('tap', function (e) {
//Prevents Default Behavior
e.preventDefault();
// Calls Your Function with the URL from the custom data attribute
openUrl($(this).data('url'), '_system');
});
然后：
<a href="#" class="navLink" data-url="http://www.google.com/">Go to Google</a>
答案 2 :(得分：9)
您应该使用gap：plugin标记和config.xml中的完全限定ID来安装插件：
<gap:plugin name="org.apache.cordova.inappbrowser" />
记录在案here。
答案 3 :(得分：6)
我正在使用cordova 6.0，这是我的解决方案：
1：安装此cordova插件。
cordova plugin add cordova-plugin-inappbrowser
2：在html中添加开放链接，如下所示。
<a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" >Google</a>
3：这是最重要的一步，因此我遇到了很多问题：
下载cordova.js文件并将其粘贴到www文件夹中。
然后在index.html文件中引用它。
<script src="cordova.js"></script>
此解决方案适用于Android和iPhone环境。
答案 4 :(得分：3)
尝试以下示例。
<a class="appopen" onClick="OpenLink();">Sign in</a>
<script>
function OpenLink(){
window.open("http://www.google.com/", "_system");
}
</script>
如果您使用PhoneGap 3.1或更高版本
，请在config.xml中添加以下行<gap:plugin name="org.apache.cordova.inappbrowser" />
答案 5 :(得分：3)
我遇到了同样的问题，你和解决方案是包括phonegap.js 文件到我将使用InAppBrowser的所有页面中的<head>。
你的所有代码都可以！您需要添加的唯一内容是：<script src="phonegap.js"></script> <{1}}部分<head>中的index.html
这有点奇怪，因为他的插件文档部分中的Phonegap说：
＆＃34;如果插件使用
js-module元素来指示cordova加载 插件javascripts，然后没有<script>引用是必要的 加载插件。 核心cordova插件就是这种情况＆＃34;
InAppBrowser是一个核心cordova插件。但是出于一些奇怪的原因，在你将phonegap.js文件包含在内之前不要工作（至少在0.3.3版本中）。
注意：我发现了一个错误。有些人说您必须包含3个文件：phonegap.js，cordova.js和cordova_plugins.js。但是当我包含这3个文件时，我的应用程序在iOS 7中工作正常，但在iOS 6中忽略了插件的使用（使用：Cordova 3.3.0 + Phonegap Build + InAppBrowser 0.3.3）。
您可以在我的SO question中看到更多内容。
希望这可以帮到你！
答案 6 :(得分：1)
对于iOs，在MainViewController.m中执行以下操作
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if(/*check if not external link*) {
view.loadUrl(url);
} else {
//prepend http:// or https:// if needed
Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(i);
}
return true;
}
编辑： 对于Android，在CordovaWebViewClient.java中，在shouldOverrideUrlLoading中执行以下操作：
{{1}}
答案 7 :(得分：1)
This在iOS上完美适合我。
如上面的链接所示：
1-使用以下命令安装插件：
idx = pd.MultiIndex.from_product((df['a'].unique(), df['b'].unique()))
df.groupby(['a','b']).count().reindex(idx)
Out:
c
1 1 1.0
2 1.0
3 NaN
4 NaN
2 1 NaN
2 NaN
3 1.0
4 NaN
3 1 NaN
2 NaN
3 NaN
4 1.0
2-在HTML文件中，根据需要使用以下其中一项：
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git
答案 8 :(得分：1)
最新答案，但可能会对某人有所帮助。所以我在基于Cordova的iOS和Android应用程序中的工作代码中都有什么。要在默认浏览器（Safari或Google）中打开外部链接：
1）确保您具有inAppBrowser插件
cordova plugin add cordova-plugin-inappbrowser --save
2）添加到device.js
function openURL(urlString){
let url = encodeURI(urlString);
window.open(url, '_system', 'location=yes');
}
3）创建新链接
<a href="#" onClick="openURL('http://www.google.com')">Go to Google</a>
答案 9 :(得分：0)
这就是我开始工作的方式。
<gap:plugin name="org.apache.cordova.inappbrowser" /> <a onclick='window.open("http://link.com","_system", "location=yes")' href='javascript:void(0)' >link</a> <script src="cordova.js"></script>我不知道为什么，但对我来说没有它它不起作用。希望这会有所帮助
答案 10 :(得分：0)
可能有PATH环境变量问题，尝试此链接可能会有所帮助。
答案 11 :(得分：0)
编辑config.xml添加source =＆＃34; npm＆＃34;在插件条目中。＆＃39;＆lt;＆＃39; gap：plugin name =＆＃34; org.apache.cordova.inappbrowser＆＃34;源=＆＃34; NPM＆＃34; ＆GT; ＆＃39;
答案 12 :(得分：0)
我改编pastullo's answer也可以在一个可以在cordova InAppBrowser中打开的WebApp中工作，也可以在普通的Web-App中打开（例如用于测试）：
function initOpenURLExternally() {
$("a[target='_blank'],a[target='_system']").each(function (i) {
var $this = $(this);
var href = $this.attr('href');
if (href !== "#") {
$this
.attr("onclick", "openURLExternally(\"" + href + "\"); return false;")
.attr("href", "#");
}
});
}
function openURLExternally(url) {
// if cordova is bundeled with the app (remote injection plugin)
log.trace("openURLExternally: ", url);
if (typeof cordova === "object") {
log.trace("cordova exists ... " + typeof cordova.InAppBrowser);
if (typeof cordova.InAppBrowser === "object") {
log.trace("InAppBrowser exists");
cordova.InAppBrowser.open(url, "_system");
return;
}
}
// fallback if no cordova is around us:
//window.open(url, '_system', '');
window.open(url, '_blank', '');
}
答案 13 :(得分：0)
使用target="_blank"（而不是target="_system"）来表示要在外部浏览器（应用程序外部）中打开的链接。然后，当点击这些链接时，您的设备将从您的应用切换到系统的浏览器应用（例如Safari或Chrome）以打开链接。
答案 14 :(得分：-1)
对于那些在原始问题中没有发现它的人，您还需要通过向 config.xml 添加访问标记来确保您尝试打开的网址不是列入白名单的如下：
<access origin="http://www.example.com" />
或者你可以做
<access origin="*" />
允许任何内容
答案 15 :(得分：-3)
如果您尝试在外部网络浏览器中打开链接，请尝试使用class =“external”作为Anchor标记。
<a class="external" href="www.google.com" >Link</a>
希望这有帮助！