作者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/m.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