Fw: [問題] 如何判斷一頁面是否應該顯示「簡化版」的手機版網頁? banana2014 PTT批踢踢實業坊

Fw: [問題] 如何判斷一頁面是否應該顯示「簡化版」的手機版網頁?

作者: banana2014 (香蕉共和國) 2015-04-20 21:39:21

絕大多數大站(如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
我想請問的是，這些網站既然知道使用者是用手持裝置（智慧型手機）來瀏覽本頁面，那
它又是怎樣判斷出應該是要顯示「一般型」的手機版頁面，還是應該顯示「簡化版」的手
機版頁面呢？

作者: oToToT (å±å©) 2015-04-20 21:49:00

我個人可能會直接判斷user agent然後做改變

作者: banana2014 (香蕉共和國) 2015-04-20 21:56:00

我當然知道要用user agent，但是後續的步驟才是關鍵。它是怎麼判斷的才是重點

作者: LawlietDo (天才肚肚) 2015-04-20 22:15:00

可以想一下為什麼會需要你所謂的"簡化版"?

作者: banana2014 (香蕉共和國) 2015-04-20 22:30:00

像Kindle這種，因為瀏覽器所讀取的內容太過簡化了

作者: GoalBased (Artificail Intelligence) 2015-04-20 22:30:00

他的code你都看的到不是嗎?

作者: banana2014 (香蕉共和國) 2015-04-20 22:31:00

所以才需要這種極為簡化的手機版頁面看不到，因為它是用伺服器端來作判斷的，我當然看不到

作者: oToToT (å±å©) 2015-04-20 23:09:00

我個人會直接靠白名單過濾

作者: supdoraking (大中華哆啦王) 2015-04-21 00:25:00

可能是我無知但怎看起來簡化版像是舊版沒下線的樣子

作者: mmis1000 (秋月戀楓) 2015-04-21 00:41:00

就是因為新版有手機用不了，才要保留舊版阿

作者: GoalBased (Artificail Intelligence) 2015-04-21 17:22:00

user agent你是在後端判斷嗎 ?

作者: banana2014 (香蕉共和國) 2015-04-21 21:25:00

一般而言大站都是用Server端來判斷的

作者: mraaa (重新出發....) 2015-04-25 05:48:00

Bootstrap是ㄧ套css的framework！你只要follow它的遊戲規則，它就會自動判別！尤其是它的Grid System

繼續閱讀

Re: [問題] 同時有寄信人和收信人的網站GALINE [問題] 同時有寄信人和收信人的網站Neisseria [問題] RWD網站學習建議cgcat [請益] 請問JAVASCRIPT書籍會有版本的差別嗎?sunbear928 [問題] 如何製作pdf切換效果doun [售書] 前端開發/設計/網頁二手書籍出清jizz56 [問題] 請問在製作手機版網頁時該如何將版面寬度剛剛好等於視窗寬度banana2014 [問題] Responsive網頁視覺上如何設計？Funitory [問題] 請問該如來判斷客戶端是否使用行動裝置來瀏覽某一網頁?banana2014 [問題] 如果網站曾經被入侵過Peruheru