使用jQuery Mobile框架开发移动端Web App的入门教程

使用jQuery Mobile框架开发移动端Web App的入门教程

一.jQuery Mobile 的渐进增强设计与浏览器支持

根据维基百科( Wikipedia ) 的解释,渐进增强的设计主要包括以下几点

basic content should be accessible to all web browsers (所有浏览器都应能访问全部基础的内容)
basic functionality should be accessible to all web browsers (所有浏览器都应能访问全部基础的功能)
sparse, semantic markup contains all content (所有的内容应该在少量语义标签内)
enhanced layout is provided by externally linked CSS (增强的功能应该由外部 CSS 提供)
enhanced behavior is provided by unobtrusive, externally linked JavaScript (增强的行为由外部 JavaScript 提供 )
end-user web browser preferences are respected (终端用户的浏览器习惯应受尊重)

若在实际的开发中使用到 Web SQL Database 等 HTML5 技术,则最终的 Web App 被支持度会比以上 jQuery Mobile 的被支持度低,但两个主流的移动浏览器 Android 与 Apple iOS 的系统浏览器及其桌面版本肯定能提供最好的支持。

二.HTML5 data-* 属性

jQuery Mobile 依赖 HTML5 data-* 属性 来提供一系列的支持( UI 组件、过渡和页面结构),不支持该 HTML5 属性的浏览器会默认忽略这些属性的效果,比如在页面中添加一个版头,可以使用以下的 HTML:

© 版权声明

相关文章

暂无评论

none
暂无评论...