如何从 JavaScript 中删除整个 IndexedDB 数据库,而不仅仅是一个对象存储?我正在使用IndexedDB shim,它可能使用 WebSQL 作为其后端。
我主要想知道如何为 PhantomJS(无头)浏览器执行此操作,尽管 Chrome、Safari(iPad 上)和 IE10 是其他重要的浏览器。
如何从 JavaScript 中删除整个 IndexedDB 数据库,而不仅仅是一个对象存储?我正在使用IndexedDB shim,它可能使用 WebSQL 作为其后端。
我主要想知道如何为 PhantomJS(无头)浏览器执行此操作,尽管 Chrome、Safari(iPad 上)和 IE10 是其他重要的浏览器。
据我所知,应该使用indexedDB.deleteDatabase:
var req = indexedDB.deleteDatabase(databaseName);
req.onsuccess = function () {
console.log("Deleted database successfully");
};
req.onerror = function () {
console.log("Couldn't delete database");
};
req.onblocked = function () {
console.log("Couldn't delete database due to the operation being blocked");
};
我可以确认它适用于 PhantomJS 1.9.0 和 Chrome 26.0.1410.43。
我发现以下代码可以正常工作,但要在 Chrome 资源选项卡中看到删除的数据库,我必须刷新页面。我还发现我在进行交易时运行的 Chrome 调试工具有问题。使调试变得更加困难,但是如果您在运行代码时关闭它,代码似乎可以正常工作。重要的还有在打开页面时设置对对象存储的引用。很明显delete部分的代码在deleteTheDB方法中。
代码源自 Craig Shoemaker 在 Pluralsight 上提供的示例。
var IndDb = {
name: 'SiteVisitInsp',
version: 1000,
instance: {},
storenames: {
inspRecords: 'inspRecords',
images: 'images'
},
defaultErrorHandler: function (e) {
WriteOutText("Error found : " + e);
},
setDefaultErrorHandler: function (request) {
if ('onerror' in request) {
request.onerror = db.defaultErrorHandler;
}
if ('onblocked' in request) {
request.onblocked = db.defaultErrorHandler;
}
}
};
var dt = new Date();
var oneInspRecord =
{
recordId: 0,
dateCreated: dt,
dateOfInsp: dt,
weatherId: 0,
timeArrived: '',
timeDeparted: '',
projectId: 0,
contractorName: '',
DIWConsultant: '',
SiteForeman: '',
NoOfStaffOnSite: 0,
FileME: '',
ObservationNotes: '',
DiscussionNotes: '',
MachineryEquipment: '',
Materials: ''
};
var oneImage =
{
recordId: '',
imgSequence: 0,
imageStr: '',
dateCreated: dt
}
var SVInsp = {
nameOfDBStore: function () { alert("Indexed DB Store name : " + IndDb.name); },
createDB: function () {
openRequest = window.indexedDB.open(IndDb.name, IndDb.version);
openRequest.onupgradeneeded = function (e) {
var newVersion = e.target.result;
if (!newVersion.objectStoreNames.contains(IndDb.storenames.inspRecords)) {
newVersion.createObjectStore(IndDb.storenames.inspRecords,
{
autoIncrement: true
});
}
if (!newVersion.objectStoreNames.contains(IndDb.storenames.images)) {
newVersion.createObjectStore(IndDb.storenames.images,
{
autoIncrement: true
});
}
};
openRequest.onerror = openRequest.onblocked = 'Error'; //resultText;
openRequest.onsuccess = function (e) {
//WriteOutText("Database open");
IndDb.instance = e.target.result;
};
},
deleteTheDB: function () {
if (typeof IndDb.instance !== 'undefined') {
//WriteOutText("Closing the DB");
IndDb.instance.close();
var deleteRequest = indexedDB.deleteDatabase(IndDb.name)
deleteRequest.onblocked = function () {
console.log("Delete blocked.");
}
deleteRequest.onerror =
function () {
console.log("Error deleting the DB");
//alert("Error deleting the DB");
};
//"Error deleting the DB";
deleteRequest.onsuccess = function () {
console.log("Deleted OK.");
alert("*** NOTE : Requires page refresh to see the DB removed from the Resources IndexedDB tab in Chrome.");
//WriteOutText("Database deleted.");
};
};
}
}