HTML5移动Web开发示例
HTML5 的源码 demo 项目，适配 Android 平台，挺适合刚入坑移动 Web 开发的朋友。项目用的是原生的 HTML5 特性，比如结构标签、canvas、video这些，跑在手机上体验也蛮接近原生 App 的。
WebView 的应用挺关键。你要在 Android 里跑 HTML5，基本离不开WebView。用它加载前端资源，配上WebSettings，像启用JavaScript、调个缩放级别都挺灵活。
离线能力也不差。项目里应该用了AppCache或者Service Worker。前者虽然老点，但配置简单；后者现在更主流，支持缓存策略、还能推送通知，挺香。
本地存储方面，HTML5 带的localStorage和sessionStorage都比 Cookie 顺手多了。存点用户偏好、表单记录啥的方便，也不用担心跨页丢数据。
实时交互可以靠WebSocket。像在线聊天、游戏联机、股票更新这些，双向通信就靠它了。比轮询省资源，响应也快。
响应式布局也考虑到了。用CSS3的@media搞定不同设备适配，搭配transform、transition做点动画，界面更顺眼，用户体验也跟得上。
JavaScript 的新 API也有不少亮点。像Geolocation拿定位，Web Workers跑后台计算，不卡 UI；都挺实用的。如果你想做个轻量 App，又不想整 Native 开发，这个 demo 参考价值还蛮高的。
如果你刚好在搞 Android Web App，或者想摸摸 HTML5 新特性，建议你下载下来跑一遍，改改index.html、调下WebView参数，收获不少。
文件大小：1.4MB
评论区