Html Safari/Chrome在浏览器刷新时创建了重复的webSQL数据库

我正在使用HTML5、CSS 3和Javascript创建一个移动web应用程序。目前我正在Google Chrome和Safari桌面浏览器中测试这个应用程序，因为我最终将把这个应用程序发布到iOS和Android设备上

在测试过程中，数据库操作按预期工作，这非常棒，但每次我刷新网页时，最初创建的数据库会在多次页面刷新后重复，数据库的数量会增长到一个愚蠢的数字，我无法理解为什么会发生这种情况

我认为浏览器将检查数据库是否存在，如果不存在，则创建数据库；如果对现有数据库的检查结果为肯定，则打开数据库。以下代码用于创建数据库：

var Database = function(){
this.db     = false;
this.dbName     = 'Stores';
this.dbVersion  = '1.0';
this.display    = 'Stores';
this.dbSize     = 5000000;
this.resultSet      = [];
}


Database.prototype = {

initialiseDatabase : function(){
this.db = openDatabase(this.dbName, this.dbVersion, this.display, this.dbSize);
return this;
}
}

该类方法在JS中不是严格意义上的类，但由于缺乏术语，因此在前端视图中仅调用一次，代码如下：

数据库

正如我前面所说的，除了在Google Chrome和Safari中刷新页面外，代码工作正常。当这种情况发生时，已存在的数据库将随着每次页面刷新而复制

是否有人能够就我可能做错了什么或可以做些什么来防止这种情况发生提供任何建议/指点？我看了这篇文章：但我发现上面提到的两种浏览器在MacOSX10.7上都出现了这种情况

---

提前感谢任何能给我提防的人：

你知道发生了什么吗？我也注意到了这一点。不确定浏览器是否只是错误地报告了副本。你知道发生了什么吗？我也注意到了这一点。不确定浏览器是否只是错误地报告了重复项。