如何查看编辑IndexedDB？如何从MDB导入数据及操作本地SQLite？

1. 如何查看和编辑IndexedDB数据库？ #

主流浏览器的开发者工具原生支持IndexedDB的查看与编辑：

• Chrome/Edge: 按下F12打开开发者工具，切换到「Application」标签，在左侧导航栏找到「IndexedDB」，展开后可查看数据库、对象仓库及存储的数据。右键可执行删除操作，选中数据项后能在右侧编辑值，也可通过「Add new data」按钮新增记录。
• Firefox: 打开开发者工具后切换到「Storage」标签，左侧选择「IndexedDB」，操作逻辑与Chrome类似，支持查看、修改、删除数据。

你也可以通过JavaScript代码直接操作，比如修改某条记录的示例：

// 打开数据库
const request = indexedDB.open('your-db-name', 1);
request.onsuccess = function(event) {
  const db = event.target.result;
  // 开启读写事务
  const transaction = db.transaction('your-store-name', 'readwrite');
  const store = transaction.objectStore('your-store-name');
  // 获取要修改的记录
  const getRequest = store.get('target-key');
  getRequest.onsuccess = function() {
    const data = getRequest.result;
    data.someField = 'new-value';
    // 更新记录
    store.put(data);
  };
};

2. 能否使用IndexedDB打开本地磁盘中的SQLite数据库？ #

不行。原因有两点：

• IndexedDB运行在浏览器的沙箱环境中，没有直接访问本地文件系统的权限，无法读取本地磁盘上的SQLite文件。
• 两者是完全不同的数据库类型：IndexedDB是NoSQL键值对数据库，SQLite是关系型数据库，存储结构与数据模型差异极大，没有直接兼容的读取方式。

3. 用JavaScript创建IndexedDB后，如何打开并编辑？ #

除了浏览器原生开发者工具，还有两种常用方式：

• 浏览器扩展: 比如Chrome的「IndexedDB Explorer」扩展，安装后可更直观地管理IndexedDB，支持可视化的增删改查操作。
• 自定义脚本: 在浏览器控制台或网页中编写JS代码，直接操作数据库，比如批量修改数据的示例：

// 批量更新记录
indexedDB.open('your-db-name').onsuccess = function(e) {
  const db = e.target.result;
  const tx = db.transaction('your-store', 'readwrite');
  const store = tx.objectStore('your-store');
  const cursorRequest = store.openCursor();
  
  cursorRequest.onsuccess = function(event) {
    const cursor = event.target.result;
    if (cursor) {
      // 修改当前记录
      const updatedData = {...cursor.value, status: 'processed'};
      cursor.update(updatedData);
      cursor.continue();
    }
  };
  
  tx.oncomplete = function() {
    console.log('批量更新完成');
    db.close();
  };
};

4. 从MDB数据库复制10000+条记录到IndexedDB的方案 #

由于浏览器无法直接读取本地MDB文件，需要分两步完成：

步骤1：将MDB数据导出为中间格式 #

在本地环境（比如Windows）使用工具把MDB的数据导出为JSON或CSV：

• 使用Microsoft Access本身：打开MDB文件，选中目标表，通过「外部数据」选项卡导出为CSV或JSON。
• 使用Python脚本（需安装pyodbc库）：

import pyodbc
import json

# 连接MDB数据库
conn_str = r'DRIVER={Microsoft Access Driver (*.mdb)};DBQ=C:\path\to\your\file.mdb;'
conn = pyodbc.connect(conn_str)
cursor = conn.cursor()

# 查询所有数据
cursor.execute('SELECT * FROM your-table-name')
rows = cursor.fetchall()

# 转换为JSON格式
columns = [column[0] for column in cursor.description]
data = []
for row in rows:
    data.append(dict(zip(columns, row)))

# 保存为JSON文件
with open('exported-data.json', 'w', encoding='utf-8') as f:
    json.dump(data, f, ensure_ascii=False)

conn.close()

步骤2：批量导入到IndexedDB #

编写前端代码，让用户上传导出的JSON文件，然后通过事务批量插入：

// 监听文件上传
document.getElementById('file-input').addEventListener('change', function(e) {
  const file = e.target.files[0];
  const reader = new FileReader();
  
  reader.onload = function(event) {
    const data = JSON.parse(event.target.result);
    // 打开IndexedDB
    const request = indexedDB.open('target-db', 1);
    
    request.onupgradeneeded = function(e) {
      const db = e.target.result;
      // 创建对象仓库（如果不存在）
      if (!db.objectStoreNames.contains('target-store')) {
        db.createObjectStore('target-store', { keyPath: 'id' }); // 替换为你的主键字段
      }
    };
    
    request.onsuccess = function(e) {
      const db = e.target.result;
      // 开启批量写入事务
      const tx = db.transaction('target-store', 'readwrite');
      const store = tx.objectStore('target-store');
      
      // 批量添加数据
      data.forEach(item => {
        store.add(item);
      });
      
      tx.oncomplete = function() {
        console.log('10000+条记录导入完成');
        db.close();
      };
      
      tx.onerror = function(err) {
        console.error('导入失败:', err);
      };
    };
  };
  
  reader.readAsText(file);
});

注意：批量插入时使用单个事务可以大幅提升性能，避免频繁开启事务带来的开销。

内容的提问来源于stack exchange，提问作者mohamed