HTML5本地存储初探(一)
作者：Robin 来源：Time Machine 发布时间：2010-03-07 15:42:00
html5带给我们的不仅仅是更多语义丰富的标签，还有更多更牛逼的特性，比如“离线存储”。 对于台式电脑来说，或者它并没有带来什么惊喜，但是对于移动设备来说离线存储简直就是一个神迹。对于任何拥有支持离线存储浏览器的移动设备，比如iphone，ipod touch，离线存储使得web前端工程师可以很容易的针对它们开发应用程序。
前面吹嘘了一段，不过说实在的，html5本地存储就目前来说还是很受限的。其一，浏览器限制，目前只有 Safari 3.1 and later, and in iPhone OS 2.0 and later. 提供了javascript database 原生支持，不过也有 Taffy DB 可以曲线救国。(还没有用过，不敢妄下结论。)。 其二，服务器端需要修改配置，旦如果是自己的服务器就很简单了。
下面就以一个简单的offline web app－note book 为例，记录一下为iphone/ipod touch开发web app的过程。不是经验，只是初探。
完善这个app (不打算完善它了，有时间做一个实用的app专门介绍 iphone web app 的开发吧)
首先，适合iphone/ipod touch 的UI 它并不是本文的重点，有兴趣的同学可以移步这里 。这里只强调一点：你默认做的页面，放到iphone看会变的很窄，字很小。这是因为iphone用它320px宽的屏幕显示了一个默认980px宽的页面，你的内容被按比例缩小了。要解决这个问题很简单，只要在html的head区域加一个meta标记，具体语法请看这里 。 也就是这样：
这个问题解决之后我们就可以肆意的使用html5和css3来打造界面了，（针对设备开发可以不考虑兼容性，真是畅快淋漓呀。）
我大概做了个丑陋的界面：
html代码， CSS代码 (其实你可以不用看，最后有打包的代码)
这篇先到这里，太长了你看着累我写着也累，咱慢慢来。:)
0
投稿猜你喜欢
- 如何用JMail同时给多人发信？在ASP中，为什么我在Jmail收件人处指定多个收件人时，像这样：JMail.AddRecipient&nb
- asp创建pdf文件代码，详见以下代码：<％Option ExplicitSub CheckXlDriver()&
- 我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框： 上面那个列表框
- aspjpeg版本:v1.801 将pic.jpg打上logo.png,可根据图片大小对水印图做适当调整 &
- 由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小，所以lightbox类效果为了让图片居中显示，导致
- 很早就听说韩国网站的设计师们很会利用空间,来创造更多的信息承载量.最近浏览了几个韩国SHOPPING网站果不其然,就拿小小的广告轮播来说,非
- Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？周末，根据建站的一点经验和观察，
- 我们可用一个函数来实现小数转分数，不过只能转换能够整除的分数：Public Function XtoF(str
- 从最基础的说起。本教程中，所有IE 均指 WindowXP + IE 6.0, 所有 FF 均指 FF 1.5。1. 不用编程的部分1.1
- 微软在今天早上发布新的安全通告证实，一处远程执行代码漏洞影响到了整个SQL Server产品线。该漏洞的入侵代码在两周前已经被公布在互联网上
- 看下面的一组例子：alert(true.toString());alert(false.toString());alert(1.123.to
- 以下效率，是奔腾 dual1.6G HZ，1G内存电脑，ie6.0下toggle()与slideToggle("fast"
- 利用ASP从远程服务器上接收XML数据<％ dim objXML dim objRootElement dim&n
- 仿豆瓣分页原型(Javascript版)写了个分页的样式。自我感觉，这样的分页前后兼顾，对于用户的体验是蛮好使的Javascript分页代码
- IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固
- 如何用我的国际域名做虚拟域名？config.asp<％Domain_URL = "intels.net&
- 层的八条定律当然，这些并非真正的定律，而只是一些有益的忠告，使你免陷于使用层时可能的困顿中。原来有九条定律的，我们精简掉一条，还有下面的八条
- 导读：SQL Server数据迁移的知识之前已经为大家介绍了很多，比如SQL Server数据库迁移方法，接下来就为大家详细介绍SQL Se
- 我们开发数据库应用时，常常需要用到模糊查询。如果同一个条件需要匹配很多字段怎么办呢？通常，程序员会每个字段都在SQL中“field like
- Internet Explorer 8 Beta 测试了一年多之后，今天，IE8 终于发布了。它绝对好过 IE7，还有一些不错的新功能，如