phonegap和cordova无法在应用浏览器中打开链接

Question

我是PhoneGap和Cordova的新手，我正在尝试为我的网站创建一个包装器应用程序脚本。

但是我遇到的问题是，当我使用PhoneGap云构建应用程序并点击页面中外部链接上的链接时，它会在Chrome中打开链接而不是本机浏览器，我是否需要安装任何内容？ 像一个插件或什么？

我已经检查过插件是否在PhoneGap桌面应用程序为我创建的项目中，但是我是否需要将它们复制到www文件夹中？

/plugins/cordova-plugin-inappbrowser

我的代码很简单，我正在尝试一些不同的方法在本机浏览器中打开它：

<div id="deviceready" class="blink">
    <h1>Test App</h1>
    <a href='#' onclick='navigator.app.loadUrl("http://www.tutorialspoint.com/", {openExternal : false});'/>Test</a><br/>
    <a href='#' onclick="navigator.app.loadUrl('http://www.tutorialspoint.com/', { openExternal:true });">Link</a><br/>
    <a href="#" onclick="window.open('http://www.tutorialspoint.com/', '_system');">system</a><br/>
    <a href='http://www.tutorialspoint.com/'/>Google</a><br/>
    <a href='newpage.html'/>newpage</a><br/>
</div>

Answer 1

首先，您需要像这样初始化插件：

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;
}

这取自https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/

_blank：在InAppBrowser中打开。

_system：在系统的Web浏览器中打开。

因此你需要改变：

<a href="#" onclick="window.open('http://www.tutorialspoint.com/', '_system');">system</a><br/>

对此：

<a href="#" onclick="window.open('http://www.tutorialspoint.com/', '_blank', 'location=yes');">system</a><br/>