作者banana2014 (香蕉共和国)
看板Web_Design
标题Fw: [问题] 如何判断一页面是否应该显示「简化版」的手机版网页?
时间Mon Apr 20 21:39:21 2015
绝大多数大站(如google、facebook)会制作手机版的网页,但是手机版的网页又可分「一
般型」的手机版网页和「简化版」的手机版网页,下面的图例就可以说明「一般型」的手
机版网页和「简化版」手机版页面的差别:
Google:
「一般型」手机版页面:
http://i.imgur.com/DBw7Umn.jpg
「简化版」手机版页面:
http://i.imgur.com/biVYcni.jpg
Facebook:
「一般型」手机版页面:
http://i.imgur.com/QZCwjnU.jpg
「简化版」手机版页面:
http://i.imgur.com/cvHdNIO.jpg
我想请问的是,这些网站既然知道使用者是用手持装置(智慧型手机)来浏览本页面,那
它又是怎样判断出应该是要显示「一般型」的手机版页面,还是应该显示「简化版」的手
机版页面呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 219.80.138.130
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/PHP/M.1429536896.A.280.html
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: banana2014 (219.80.138.130), 04/20/2015 21:37:20
※ 编辑: banana2014 (219.80.138.130), 04/20/2015 21:42:24
1F:→ oToToT: 我个人可能会直接判断user agent然後做改变 04/20 21:49
2F:→ banana2014: 我当然知道要用user agent,但是後续的步骤才是关键。 04/20 21:56
3F:→ banana2014: 它是怎麽判断的才是重点 04/20 21:57
4F:推 LawlietDo: 可以想一下为什麽会需要你所谓的"简化版"? 04/20 22:15
5F:→ banana2014: 像Kindle这种,因为浏览器所读取的内容太过简化了 04/20 22:30
6F:→ GoalBased: 他的code你都看的到不是吗? 04/20 22:30
7F:→ banana2014: 所以才需要这种极为简化的手机版页面 04/20 22:31
8F:→ banana2014: 看不到,因为它是用伺服器端来作判断的,我当然看不到 04/20 22:32
9F:→ oToToT: 我个人会直接靠白名单过滤 04/20 23:09
10F:→ supdoraking: 可能是我无知 但怎看起来简化版像是旧版没下线的样子 04/21 00:25
11F:→ mmis1000: 就是因为新版有手机用不了,才要保留旧版阿 04/21 00:41
12F:→ GoalBased: user agent你是在後端判断吗 ? 04/21 17:22
13F:→ banana2014: 一般而言大站都是用Server端来判断的 04/21 21:25
14F:推 mraaa: Bootstrap是ㄧ套css的framework!你只要follow它的游戏规则 04/25 05:48
15F:→ mraaa: ,它就会自动判别! 04/25 05:49
16F:→ mraaa: 尤其是它的Grid System 04/25 05:49