javascript - HTML5 localStorage 不适用于 Android WebView

Question

我正在使用 Buzztouch 为客户制作移动应用程序，因此 html 页面不在应用程序中，它们是通过 JSON 从服务器加载的。

客户希望在应用程序上有一个屏幕，用户可以在其中输入详细信息到时间表并将其存储在手机上。

我正在尝试使用 localStorage 执行此操作，并已设置所有权限等，但在尝试读取或写入页面上的 localstorage 时出现以下错误:

“SecurityError:无法读取‘localStorage；来自‘Window’的属性:拒绝访问此文档。”

这是在运行 Android 版本 5 的 Asus Memopad 上。

list 文件中的权限如下:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />

这里是 webView 设置:

webView.getSettings().setDatabaseEnabled(true);
webView.getSettings().setDatabasePath("/data/data/" + webView.getContext().getPackageName() + "/databases/");
webView.getSettings().setDomStorageEnabled(true);

我在运行 Android 2.3 版的旧版 Android 平板电脑上尝试了完全相同的代码，但我没有收到此错误，localStorage 工作正常。

我也在 iPhone 上试用过，效果很好。

我什至尝试将代码复制到标准网页上，它在平板电脑上的浏览器中运行良好，但 webView 仍然不喜欢它。

我在网上查了好几个小时，到目前为止还没有找到解决办法。

有什么想法吗？

更新:

这是一些 jQuery 代码，用于检查本地存储是否可用，如果已设置则加载项目。

try {
    if(typeof(Storage) !== "undefined") {
        try {
            if(localStorage.getItem("storage") !== null) {
                storage = JSON.parse(localStorage.getItem("storage"));
            }
        } catch(e) {
            $("#error").html($("#error").html() + " " + e + "<br>");
            $("#error").css("display", "block");
        }
    } else {
        $("#log").html("HTML5 Storage is not working.");
    }
} catch(e) {
    $("#error").html($("#error").html() + " " + e + "<br>");
    $("#error").css("display", "block");
}

这是在加载时抛出错误的原因，因为它位于 $(document).ready 部分。

Answer 1

这个错误实际上不是由于缺少任何 Java 端权限造成的，而是由于较新的 WebView 版本改进了网络安全模型。在没有看到实际代码的情况下很难判断应用程序出了什么问题，但我的猜测是您可能正在尝试从不同来源的页面访问 localStorage。例如。如果您为初始页面使用 loadData，然后从服务器加载其他部分，则该代码可能有不同的来源。