Question

我正在为Safari制作数据库应用程序。所以我遵循Apple提出的这个指南：Link。

到目前为止，我已经制作了这个“类”原型。它可以工作，但它不断制作数据库的副本（它们只是在Safari Inspector工具中堆叠）（没有我从1.0更改版本）：

function Database() {
    this.DB = null;
    this.shortName = 'gamedb';
    this.version = '1.0';
    this.displayName = 'Database';
    this.maxSize = 5 * 1024 * 1024;

    init: (function() {

    })

    this.initDB = function() {
        try {
            if (!window.openDatabase) {
                alert('Error: Databases are not supported.');
            }
            else {
                this.DB = openDatabase(this.shortName, this.version, this.displayName, this.maxSize);
            }

            return true;
        }
        catch(e) {
            if (e == 2) {
                // Version number mismatch.
                console.log("Error: Invalid database version.");
            }
            else {
                console.log("Error: Unknown, " + e + ".");
            }

            return;
        }
    }

    this.query = function(query) {
        if (query == undefined) {
            query = '';
        }

        query = query + ';'; // Add the ending semi-colon

        this.DB.transaction(
            function (transaction) {
                transaction.executeSql(
                    query,
                    [],
                    this.nullDataHandler,
                    this.errorHandler
                );
            }
        );
    }

    this.nullDataHandler = function() {
        return 0;
    }

    this.errorHandler = function(error) {
        return 0;
    }

}

这是我的main.js文件，带有我的jQuery句柄和数据库原型的实例化：

$(document).ready(function() {
    var DB = new Database();
    DB.initDB();
    DB.query('CREATE TABLE IF NOT EXISTS users(id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL)');
    DB.query('INSERT INTO users(name) VALUES ("Jackson")');
});

即使只是空白地运行此行也会产生重复：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>X</title>
    <style>
        html, body {
            background: #202020;
            color: #8d9d6a;
        }
    </style>
    <script type="text/javascript">
        var shortName = 'mydatabase';
        var version = '1.0';
        var displayName = 'My Important Database';
        var maxSize = 65536; // in bytes
        var db = openDatabase(shortName, version, displayName, maxSize);
    </script>
</head>
<body>
    Content
</body>
</html>

注意：

我已关闭扩展程序
开发人员菜单中没有任何更改（没有禁用或阻止）

Answer 1

我在chrome和safari中都有这个问题。当我保存记录时，它会出现几次，检查员会显示webSQL数据库的重复数据（50或更多！）。对我来说，事实证明我在保存后很快就调用了一个SELECT来更新视图。我把它移到了成功函数中并修复了问题。我只能认为浏览器会混淆并在检查器中生成多个DB。这可能不是同一个问题，但它似乎足够接近提及。

Answer 2

作为我自己的新人的旁边信息。

我有一个查询从多个表中选择导致我的显示重复。愚蠢的问题，通过明显选择单个表来简单修复

var showLearnerSQL = "SELECT * FROM tblLearnerInfo, tblDrive";// Not a great idea
var showLearnerSQL = "SELECT * FROM tblLearnerInfo; // Great idea

HTML5 Web SQL不断制作重复项并破坏旧数据库

2 个答案: