用到Html5-本地数据库SQLite,手机QQ浏览器X5内核这款是否支持呢?

用到Html5-本地数据库SQLite,手机QQ浏览器X5内核这款是否支持呢?,第1张

尝试着研究了下Html5访问本地数据库,感觉还不错,用的是chome浏览器,sqlite数据库。

xp系统默认的数据库存放路径C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\databases\

具体的数据库文件要动手找,用SQLitespy可以打开数据库

示例代码:

<html manifest="mymanifest.manifest">

<head>

<meta http-equiv="Content-Type" content="text/htmlcontent="no-cache" charset=utf-8" />

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script>

$(document).ready(function(){

databaseTest()

})

function databaseTest(){

//open database

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024)

db.transaction(function (tx) {

tx.executeSql('CREATE TABLE IF NOT EXISTS testHtml (id unique, contentText)')

tx.executeSql('INSERT INTO testHtml (contentText) VALUES ("insert data test1!")')

// tx.executeSql('delete from testHtml')

})

db.transaction(function(tx){

tx.executeSql('SELECT * FROM testHtml',[],function(tx,result){

var len=result.rows.length

var msg = "<p>Found rows: " + len + "</p>"

$("#testinfo").append(msg)

for(var i = 0i <len i++){

var str=result.rows.item(i)

$("#testvalue").append(str.contentText)

}

},null)

})

}

</script>

</head>

<body>

<div>here is test info:</div>

<div id="testinfo"></div>

<div>here is test value:</div>

<div id="testvalue"></div>

</body>

1、首先在手机应用中,点击打开【MAKA】图标,如下图所示

2、然后在打开的MAKA界面中,找到并点击【作品】选项,如下图所示。

3、接着在打开的作品页面中,就可以查看H5,这里点击一个H5,如下图所示。

4、接着在打开的H5页面,点击右下角的【更多】,如下图所示。

5、然后在打开的窗口中,点击【下载】,如下图所示就完成了。

HTML5为什么如此受欢迎?主要因为它本身的优势。HTML5的主要优势如下:

1、基于HTML5强大的兼容性。因为HTML5提供了前所未有的数据与应用接入开放接口,使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联,就因为这种强大的兼容性,使得在当下开发界是如此的火,同样也是因为这强大的兼容性,使得手机应用软件,app更适合,也更方便。所以更适合手机app软件开发,正好补充了手机小巧的不足。

2、HTML5开发支持的手机系统有android、ios。

3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库,可以用作离线应用的开发,离线应用就是把需要的资源先缓存到本地,下次再查看时无需联网。

4、HTML5开发能提供更快、更简便的服务,代码可高度重用,服务发布方便。

5、动画、游戏动态效果,地理定位等很多app应用正在崛起,而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的,将会大量减少代码量,应用软件也会得到更高的用户体验,更好的视觉效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/sjk/6791699.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-28
下一篇 2023-03-28

发表评论

登录后才能评论

评论列表(0条)

保存