手机网页用Bootstrap仍是jQuery Mobile

不少新手纠结这个问题？两个框架都可以支持作手机网页，那么它们的区别是什么呢，适用场景是什么呢？下面咱们从这几个方面比较这两个框架：解决问题、功能、适用场景。

解决问题

Bootstrap是一个css框架，针对解决的问题有：

跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现，如何可以一套前端在全部设备上自由适应？

多人合做的前端布局和样式的规范问题

经常使用前端css组件，如按钮、链接、表单、表格、分页组件、下拉菜单、导航栏、ICON等等

经常使用JS前端组件（须要扩展js支持），如表单验证、Tips、Popup等等

jQuery Mobile是移动前端框架，包含js、html、css，提供一套完整的移动前端开发组件，能够比喻成Android开发框架，尽量提供移动APP所具备的全部功能，针对解决的问题有：

移动网页APP所经常使用的组件，例如：手机导航栏、选项卡、底部菜单、列表、表单等各类组件，而这些与Bootstrap提供的组件有很大区别，jQuery Mobile提供的是相似手机APP的组件，只用于移动网页，而Bootstrap提供的是面向全部设备的组件，并无对移动设备专门考虑，与移动APP的组件体验不同。

网页页面之间转换效果

异步数据加载

功能

Bootstrap其核心主要是一个css样式框架，基于css 的Media Query功能实现了响应式布局，可以帮助前端开发人员快速布局、快速开发、合做开发。它必须借助jQuery相似的js框架来实现Ajax数据交互。

jQuery Mobile其核心是一个完整的WebAPP框架，加入了一个轻量级的jQuery能够实现Dom操做，在jQuery的基础上提供了一系列相似移动APP的Widget（视图组件），提供了一套不错的页面转场效果，可经过Ajax实现与后端数据交互。

适用场景

Bootstrap一般用于：展现网站的响应式布局开发，使得网站能够在不一样设备上方便浏览；以及网站后台管理系统的前端CSS框架。

jQuery Mobile一般用于：指望接近移动APP体验的WebAPP，项目只运行在手机端，不用于电脑设备展现（虽然是能够展现的，可是效果很差）。

总结

若是作跨设备响应式前端，选择Boostrap；若是仅做移动端，指望获得近似APP的WebAPP，使用jQuery Mobile。

若是作一个产品级的WebAPP，当前jQuery Mobile的能力并不能让你满意，本身开发响应式布局框架和WebApp组件是必然要走的路。