我想给博客优化手机访问效果,最初的想法是想研究一下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,却有惊喜

本文地址: http://lutaf.com/145.htm 鲁塔弗原创文章,欢迎转载,请附带原文链接