Rails enable your site support mobile

woaigithub · 2012年12月12日 · 最后由 woaigithub 回复于 2012年12月12日 · 3744 次阅读

用 mobile_fu 很轻松

#2 楼 @huacnlee mobile_fu 我刚找到,正在看呢!多谢!

#2 楼 @huacnlee 正好有个问题问一下。

#2 楼 @huacnlee 我用 apache+passenger 做 web 服务。用我的手机打开网站的时候,在日志中有四条记录。

42.121.5.68:80 222.129.42.246 - - [12/Dec/2012:21:41:55 +0800] "GET / HTTP/1.1" 200 1515 "-" "MQQBrowser/3.7/Adr (Linux; U; 2.2.2; zh-cn; ZTE-U V880 Build/UNI_CN_V880 1.1;480*800)"
42.121.5.68:80 222.129.42.246 - - [12/Dec/2012:21:41:56 +0800] "GET / HTTP/1.1" 304 460 "-" "MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.2.2; zh-cn; ZTE-U V880 Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
42.121.5.68:80 222.129.42.246 - - [12/Dec/2012:21:41:56 +0800] "GET /assets/application-58affb38ffec619e638bc73d238196e9.css HTTP/1.1" 304 156 "http://42.121.5.68:10000/" "MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.2.2; zh-cn; ZTE-U V880 Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"
42.121.5.68:80 222.129.42.246 - - [12/Dec/2012:21:41:56 +0800] "GET /assets/application-ed18bc432dee2a16b56439059323798c.js HTTP/1.1" 304 156 "http://42.121.5.68:10000/" "MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.2.2; zh-cn; ZTE-U V880 Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

第一条的 user-agent 中有分辨率,后面三条就没有了,但是后面三条要多一些信息,例如:android, mobile。 能解释这是为什么吗? 如果我做分辨率适配,如何处理呢? 我在网页上打印出来的 request.user_agent 里面也没有分辨率的信息,这个分辨率该从哪里找呢? 是不是用来 mobile_fu 就可以直接获取了呢?

#2 楼 @huacnlee 分辨率方面怎么来考虑呢? 我在网上看到有一种做法,就是三种分辨率:pc, mobile, pad。 pc,1000*800 mobile,480*800 pad,600*800

分辨率适配可以看看响应式 Web 设计

#8 楼 @huacnlee 好的,那个日志中的内容你了解吗?有没有好资料推荐!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号