请教各位v2exer，V2EX的Desktop Web与Mobile Web的实现思路

[hester]

最近在研究Desktop Web与Mobile Web的实现，目前比较流行的有两套方案：

1. 响应式布局方式:
- 只需要实现一套页面，即可适应大多数不同分辨率（不同设备）的浏览。

2. 各自为Desktop Web与Mobile Web设计不同的页面:
- 虽然要比响应式布局复杂很多，但是可以根据不同设备实现不同的界面方案，比较灵活。

请教 @livid V2EX使用的那套方案？或者能否有更好的实现方案？也请其他了解的v2exer多帮忙回复一下，谢谢 :)

BTW：
- 如果是第二套方案的话，那么需要识别Brower User-Agent，请问大家目前正在使用的识别方式是什么？
- 只要回复内容有用处，我必加红心，我也没多少银子，也没别的意思，只是认为“付出劳动的必然回报” :)

[chloerei]

我觉得 37signals 的经验很好，也就是两种方案混合起来，对应桌面的 web 页面实现 responsive，再对应部分移动设备做移动模板减少传输量。

http://37signals.com/svn/posts/3257-backstage-basecamp-for-mobile

[hester]

@chloerei
感谢提供思路，貌似回复的人比较少，难道这个topic没什么技术含量么=－︿－= ...

[jun0205]

之前用的 WURLF

[whtsky]

是第二套方案，通过识别UA判断
PB2时代是这么做的： https://github.com/livid/v2ex/blob/master/v2ex/babel/ua/__init__.py

[hester]

@whtsky
嗯，发现了一个判断上述方式的思路，凡是可以通过伪装User-Agent“骗过”浏览器的，则是第二种方案，客户端的UA没办法伪造...

根据这个思路，貌似绝大部分的网站都以第二种方案为主，难道responsive layout方案是非主流？！

@jun0205
感谢提供帮助~

[luin]

复杂的页面需要为移动设备定制开发（比如: http://edition.cnn.com/ ），响应式布局最好只用在简单的页面中（比如: http://www.attaindesign.co.uk/ ）。

[hester]

@luin
嗯，目前也只能这么理解了。但我还是不理解，从这个角度来讲，responsive layout并没有特别大的用处，那为什么貌似这种方式还很流行呢？

[Keinez]

Responsive Layout 是做给大屏幕，普通笔记本，pad三套不同分辨率的设备的。

如加入手机，使用Responsive Layout可以减少工作量，比单独为移动端写一个界面简单。

[kenshin]

@hester
如果只是一个/几个（少量）的展示页面，用 Responsive Layout即可，可以节省很多开发周期；反之，就要重写一套。
引申一下，你的问题就如native app与hybird app之争一样，没有绝对的对与错。

[Mihuwa]

v2ex应该采用第二套方案。

[hester]

@Mihuwa @kenshin
感谢回复~ 基本上我已经能辨别到底Mobile Web的设计方式了 :)