也许读者要纳闷，我们为什么要强调是移动设备中的离线存储呢？我们在基于欧朋浏览器制作移动设备的离线存储案例时，发现了一些问题，经总结，原因有以下两个。

 

(1) 传统PC端浏览器的离线存储几乎不太需要考虑空间大小问题，它们只需要缓存所有指令中需要缓存的文件，并在下次访问时快速显示出来就可以了。而在移动设备中，SD卡有时候都是需要单独购买的，一般内存只有1 GB左右，因此，移动设备中的离线存储默认都比较小，大约为2 MB左右（以后可能会有所调整）。

 

(2) 移动设备浏览器厂商都没有及时转变思路，而且市场也没有明确地给他们反馈，离线存储的空间到底有多大。因此，用户的需求与浏览器开发商在这里有脱节。

 

本例不存在太多的技术问题，由于具体的离线存储与第7章相重叠，因此本例只给出一些离线存储应用中的示例截图，不再予以过多解释。

高网速条件下（大于100KB/s）初次访问时，请注意加载时间。在极高速带宽下，加载时间也要678ms，

 

 

离线存储完成后进行第二次访问时，加载时间仅为11ms，

 

 

通过上面两图看出，两次加载时间相差60倍。如果是在地铁中网速不稳定或者信号较弱的情况下，一个应用采用了离线缓存，另一个应用没有采用离线缓存，这时候前者的用户体验会明显好于后者。

 

同理，如果需要访问的文件较大、较多时，采用离线缓存的Web App所展现出来的高效率将会令人感到惊喜。

 

如果你要做一个移动Web App，会采用什么做法呢？