WebView Javascript 从本地 HTML 文件跨域

Question

我将本地 html 文件（从资产文件夹）加载到应用程序 WebView。 在 HTML 中，我运行 jQuery.getJSON(url)。 url 是远程服务器。

此操作失败，我猜测是因为不同的来源问题（跨域）。我在 chrome 上运行相同的文件，它特别这么说。

有没有办法让Android中的WebView从远程服务器加载数据到本地加载的HTML文件上？

Answer 1

今天早上我找到了似乎有效的解决方案。

Java部分

初始化您的WebView：

WebView _webView = (WebView) this.findViewById(R.id.id_of_your_webview_in_layout);

获取WebView设置：

WebSettings settings = _webView.getSettings();

设置以下设置：

settings.setJavaScriptEnabled(true);
settings.setAllowFileAccessFromFileURLs(true); //Maybe you don't need this rule
settings.setAllowUniversalAccessFromFileURLs(true);

现在您可以通过标准方式加载您的html文件：

_webView.loadUrl("file:///android_asset/www/index.html");

Javascript部分

通过标准方式创建XHR请求

var xhr = new XMLHttpRequest();
xhr.open("get", "http://google.com", false);
xhr.send();

在某处打印结果

document.body.innerHTML = xhr.responseText

注意：
此过程仅适用于 API 级别 16 或更高级别（至少文档是这么说的）。

Answer 2

不要忘记在清单文件中添加互联网权限：

<uses-permission android:name="android.permission.INTERNET"/>

还要确保您使用的是 JSONP 请求（不要忘记 &callback=? ，如上所述）

Answer 3

我将本地 html 文件（从资产文件夹）加载到应用程序 WebView

请注意，您没有说明如何执行此操作。我猜测它是通过 file:///android_asset URL 上的 loadUrl() 实现的。

有没有办法让Android中的WebView从远程服务器加载数据到本地加载的HTML文件上？

尝试使用 loadDataWithBaseURL() 加载内容，并提供远程服务器上的 URL 作为基本 URL。

Answer 4

Ajax 调用无法从本地文件系统进行。超过了就会变成跨域。所以它不会起作用。它在 eclipse 中工作，因为你从本地服务器尝试过。

Answer 5

我们使用的解决方案是使用Android从服务器获取更新文件，将它们放在web文件夹中并覆盖文件，然后浏览。