制作移动网站的10大方案

我想给博客优化手机访问效果，最初的想法是想研究一下UC浏览器是否开放Api( UC会解析网页，裁剪之后重新拼装成适合移动端访问的布局,原理和目前火热的read it later 一样)，我只需要提供一个url，api自动为移动端优化。 结论是没有这样的api

lutaf.com是基于 bootstrap css框架. bootstrap本身也提供流式布局，可以做一个web/mobile 自适应的页面效果，这个会大大提高css编程的复杂度，对css编程技巧要求较高。

而且mobile site的page会更简单，更符合移动的产品风格，不应该是由web 页面的简单缩放。于是进一步研究之后发现有如下几种方案

1. http://siteapp.baidu.com 直接给你生成一个wap站，百度根据你的规划抓取你选定的页面进行编辑，然后重新拼装。这个在技术上很难做好，因为抓取网站并解析，其实都是人工写模板的，如果你用wordpress这种著名系统搭建的网站，百度能处理的好，但如果是自己写的站点就难说了。

   另外百度site需要审核，需要验证，相当麻烦，放弃

2. 功能类似的还有 https://www.uppsite.com/ 和 http://www.dudamobile.com/，大家可以尝试，如果是国内的网站，建议还是用百度siteapp

3. http://html5rocks.com 提供一个mobile css，需要自己写html代码的，没有看懂,放弃

4. mobile-boilerplate,一个mobile site css框架，纯3无产品，(无文档，无demo，无screenshot)

5. bootstrap 本身提供流式布局，可以做一个pc/手机 自适应的页面效果，很复杂

6. http://www.google.com/gwt/n google帮你转换成适合手机阅读的样式，实时转换,很符合我最初的想法，不过页面效果不是很好

7. jQuery Mobile 基于jquery的移动网站开发库，上手简单，也需要重写前端代码，做出来的是 app style网页

8. dojo Mobile，另外一个html5 移动 开发工具，基于dojo 库

9. xui a simple javascript library for building mobile web applications.,也是js的开发库

看上去都很麻烦，最后只能勉强选择jQuery Mobile，却有惊喜