请教各位v2exer，V2EX的Desktop Web与Mobile Web的实现思路
hester · 2013-01-30 12:55:38 +08:00 · 3273 次点击这是一个创建于 4109 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在研究Desktop Web与Mobile Web的实现，目前比较流行的有两套方案：
1. 响应式布局方式:
- 只需要实现一套页面，即可适应大多数不同分辨率（不同设备）的浏览。
2. 各自为Desktop Web与Mobile Web设计不同的页面:
- 虽然要比响应式布局复杂很多，但是可以根据不同设备实现不同的界面方案，比较灵活。
请教 @livid V2EX使用的那套方案？或者能否有更好的实现方案？也请其他了解的v2exer多帮忙回复一下，谢谢 :)
BTW：
- 如果是第二套方案的话，那么需要识别Brower User-Agent，请问大家目前正在使用的识别方式是什么？
- 只要回复内容有用处，我必加红心，我也没多少银子，也没别的意思，只是认为“付出劳动的必然回报” :)
1. 响应式布局方式:
- 只需要实现一套页面，即可适应大多数不同分辨率（不同设备）的浏览。
2. 各自为Desktop Web与Mobile Web设计不同的页面:
- 虽然要比响应式布局复杂很多，但是可以根据不同设备实现不同的界面方案，比较灵活。
请教 @livid V2EX使用的那套方案？或者能否有更好的实现方案？也请其他了解的v2exer多帮忙回复一下，谢谢 :)
BTW：
- 如果是第二套方案的话，那么需要识别Brower User-Agent，请问大家目前正在使用的识别方式是什么？
- 只要回复内容有用处，我必加红心，我也没多少银子，也没别的意思，只是认为“付出劳动的必然回报” :)
 |
1
chloerei 2013-01-30 13:00:27 +08:00  2
我觉得 37signals 的经验很好，也就是两种方案混合起来，对应桌面的 web 页面实现 responsive，再对应部分移动设备做移动模板减少传输量。
http://37signals.com/svn/posts/3257-backstage-basecamp-for-mobile |
 |
3
jun0205 2013-01-30 14:06:20 +08:00
之前用的 WURLF
|
 |
4
whtsky 2013-01-30 14:13:56 +08:00 via iPhone 1
是第二套方案，通过识别UA判断
PB2时代是这么做的： https://github.com/livid/v2ex/blob/master/v2ex/babel/ua/__init__.py |
 |
5
hester OP |
 |
6
luin 2013-01-30 15:41:37 +08:00
复杂的页面需要为移动设备定制开发（比如: http://edition.cnn.com/ ），响应式布局最好只用在简单的页面中（比如: http://www.attaindesign.co.uk/ ）。
|
|
7
hester OP @luin
嗯，目前也只能这么理解了。但我还是不理解，从这个角度来讲，responsive layout并没有特别大的用处，那为什么貌似这种方式还很流行呢？ |
 |
8
Keinez 2013-01-31 12:55:35 +08:00
Responsive Layout 是做给大屏幕，普通笔记本，pad三套不同分辨率的设备的。
如加入手机，使用Responsive Layout可以减少工作量，比单独为移动端写一个界面简单。 |
 |
9
kenshin 2013-01-31 21:20:12 +08:00 via Android 1
@hester
如果只是一个/几个（少量）的展示页面，用 Responsive Layout即可，可以节省很多开发周期；反之，就要重写一套。 引申一下，你的问题就如native app与hybird app之争一样，没有绝对的对与错。 |
 |
10
Mihuwa 2013-01-31 21:24:08 +08:00
v2ex应该采用第二套方案。
|
Select Language