HTML5 本地数据库（SQLite） 示例

按照国内一HTML5先行者的例子仿写了一个用HTML5API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够：HTML代码：!

按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够：

HTML代码：

javascript 封装了许多方法，比如保存数据到数据库，更新，同步下方的列表等。

我在Google Chrome上做了测试，以下是截图：

Chrome我使用的版本是最新版的，假定我安装到了C:\Documents and Settings\charles.wang\Local Settings\Application Data\Google\Chrome

那么SQLite数据库就安装到了$CHROME_HOME\User Data\Default\databases中

这个目录中databases.db是当前用户的所有创建的数据库的配置，而file__0目录则是数据库表文件目录：

我们使用SQLite管理工具打开这2个文件，就可以很清楚的看到：

在Databases.db中配置了所用到的数据库：

这和我们js中的设定一样：

而当我们打开数据库文件，则可以看到：

这些数据库中的记录正是我们在页面上所展示的。

局限性：

可惜，我测试了下程序员最喜欢用的Firefox浏览器（版本号12），美国服务器，可惜它并不支持这种本地数据库SQLite，虚拟主机，如图(我打开了Firebug的console)：

希望以后这个问题可以得到改善，毕竟用Firefox的人还是很多的，尤其程序员。

本文出自 “平行线的凝聚” 博客，香港虚拟主机，请务必保留此出处