如何在瀏覽器中開發和測試Cordova SQLite應用程序？

Question

我發現的唯一方法是PouchDB具有適用於瀏覽器和設備的不同適配器。但這種方式不適合我。

Answer 1

我找到了另一種方式，使用Cordova-sqlite-storage 只需使用不同的數據庫對象的瀏覽器和設備。

我的代碼：

var runiOS = false; 
var DB; 

// Check browser or device 

var onDeviceReady = new Promise(function(resolve, reject) {  
    if (document.URL.match(/^https?:/i)) { 
     console.log("Running in a browser..."); 
     resolve(); 
    } else { 
     console.log("Running in an app..."); 
     runiOS = true; 
     document.addEventListener("deviceready", resolve, false); 
    } 
}); 

// Run application 
onDeviceReady.then(function() { 
    // Init WebSQL on browser or SQLite on device 
    if (runiOS) { 
     DB = window.sqlitePlugin.openDatabase({ name: 'my.db', location: 'default' }, function (db) {}, function (error) { console.log('Open database ERROR: ' + JSON.stringify(error)); });   
     console.log('DB: SQLite'); 
    } 
    else { 
     DB = window.openDatabase('my', "0.1", "My list", 200000);  
     console.log('DB: WebSQL'); 
    } 

    // ... 

    db.transaction(function(tx) { 
     tx.executeSql('CREATE TABLE IF NOT EXISTS DemoTable (name, score)'); 
     tx.executeSql('INSERT INTO DemoTable VALUES (?,?)', ['Alice', 101]); 
     tx.executeSql('INSERT INTO DemoTable VALUES (?,?)', ['Betty', 202]); 
    }, function(error) { 
     console.log('Transaction ERROR: ' + error.message); 
    }, function() { 
     console.log('Populated database OK'); 
    }); 


    db.transaction(function(tx) { 
     tx.executeSql('SELECT count(*) AS mycount FROM DemoTable', [], function(tx, rs) { 
      console.log('Record count (expected to be 2): ' + rs.rows.item(0).mycount); 
     }, function(tx, error) { 
      console.log('SELECT error: ' + error.message); 
     }); 
    }); 
});