IndexedDB 通过本地 HTML 文件

Question

我想开发一个使用浏览器与用户交互的应用程序。该应用程序可离线使用并可通过 zip 分发。

我想要执行的功能将由 HTML、CSS、JS 处理，并且我想利用 IndexedDB 功能。

我在使用 IndexedDB (Chrome) 时遇到了一个问题，因为相同的代码可以在在线空间中运行，但不能从本地硬盘位置 (file://) 运行。

参考示例： http: //jsfiddle.net/FwuUD/

(function() {

    var db;
    var dbreq = indexedDB.open("TestApp", 2);

    dbreq.onsuccess = function(e) {
        alert("Database created");
        db = e.target.result;

        var employeeStore = db.createObjectStore (
            "employees",
            {keyPath: "id"}
        );

    };

    dbreq.onerror = function(e) {
        alert("Database Error: " + e.target.errorCode);
    };

    dbreq.onupgradeneeded = function(e) {
        alert("Database upgrade needed");
    };

})();

有什么建议么？

Answer 1

indexedDB API 只能在网络服务器内部工作。当您使用文件系统导航到它时，它将无法工作。indexedDB API 需要一个域上下文才能工作，而文件系统不提供这一点。简而言之，您需要一个 url 才能使用 api。