2

处理需要与 IndexedDB 集成的 Chrome 扩展程序。试图弄清楚如何使用Dexie.JS. 找到一堆样本。这些看起来并不太复杂。在https://github.com/dfahlander/Dexie.js/blob/master/samples/open-existing-db/dump-databases.html有一个特别有趣的例子可以让 Dexie 探索 IndexedDB

但是，当我运行上面的“转储实用程序”时，它看不到 IndexedDB 数据库，告诉我：There are databases at the current origin.

在开发人员工具Application选项卡的存储下，我看到了我的IndexedDB数据库。

这是某种权限问题吗？任何选项卡/用户都可以访问任何 indexedDB 数据库吗？

我应该看什么？

谢谢

4

1 回答 1

2

在 chrome/opera 中，有一个非标准 API webkitGetDatabaseNames()，Dexie.js 使用它来检索当前来源的数据库名称列表。对于其他浏览器，Dexie 通过为每个来源保持最新的数据库名称来模拟此 API，因此：

对于 Chromium 浏览器，Dexie.getDatabaseNames()将列出当前来源的所有数据库，但对于非 Chromium 浏览器，仅显示使用 Dexie 创建的数据库。

如果您需要转储每个数据库的内容，请查看这个问题，它基本上给出了：

interface TableDump {
    table: string
    rows: any[]
}

function export(db: Dexie): TableDump[] {
    return db.transaction('r', db.tables, ()=>{
        return Promise.all(
            db.tables.map(table => table.toArray()
                .then(rows => ({table: table.name, rows: rows})));
    });
}

function import(data: TableDump[], db: Dexie) {
    return db.transaction('rw', db.tables, () => {
        return Promise.all(data.map (t =>
            db.table(t.table).clear()
              .then(()=>db.table(t.table).bulkAdd(t.rows)));
    });
}

将这些函数与 JSON.stringify() 和 JSON.parse() 结合使用以完全序列化数据。

const db = new Dexie('mydb');
db.version(1).stores({friends: '++id,name,age'});

(async ()=>{
    // Export
    const allData = await export (db);
    const serialized = JSON.stringify(allData);

    // Import
    const jsonToImport = '[{"table": "friends", "rows": [{id:1,name:"foo",age:33}]}]';
    const dataToImport = JSON.parse(jsonToImport);
    await import(dataToImport, db);
})();
于 2017-09-04T19:57:46.720 回答