如何在 Cordova webview 中加载和导航网站答案

【问题标题】：How to load and navigate a website within a Cordova webview如何在 Cordova webview 中加载和导航网站
【发布时间】：2016-08-15 23:08:30
【问题描述】：

您好，我已经建立了我的网站，期待为我的响应式网站提供一个应用程序...我使用了 android webviews，但它在打开文件选择器时遇到了问题...所以我在做了很多研究后选择了 Cordova .我成功创建了一个 Cordova 应用程序并将其导入到 Android Studio。我的问题是，当我的登录页面打开时，单击任何其他链接会打开默认浏览器...我不希望这种行为在应用程序中打开所有链接（使用 Cordova 的 webviews）...提前致谢。

注意：我正在使用 Cardova 打开一个完全远程的网站，没有本地内容。

我的 MainActivity.java 看起来像这样

package com.noel.myapp;

import android.os.Bundle;
import org.apache.cordova.*;

public class MainActivity extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        // Set by <content src="index.html" /> in config.xml
        loadUrl("http://www.mywebsite.com");
    }
}

【问题讨论】：

标签： android cordova android-webview phonegap-plugins cordovawebview

【解决方案1】：

inAppBrowser 在顶部添加了一个额外的地址栏。相反，如果您只想在应用导航中使用，您可以使用此解决方案（借自 answer 的评论部分）

在您的 config.xml 文件中添加这一行

<allow-navigation href="*://*.example.com/*" />

并在你的 index.js 中添加类似这样的内容

receivedEvent: function(id) {
    // other code
    window.location = "https://www.example.com
}

（虽然这是一个旧线程共享，如果其他人遇到这个）

【讨论】：

【解决方案2】：

为此使用cordova-plugin-inappbrowser

inappbrowser 的cordova 文档是here。

设备准备就绪后（deviceready 事件）

使用

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=yes');

添加插件后。

基本例子是here

【讨论】：