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

看板Web_Design作者 (香蕉共和國)時間10年前 (2015/04/20 21:39), 10年前編輯推噓2(2014)
留言16則, 7人參與, 最新討論串1/1
絕大多數大站(如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://www.ptt.cc/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

04/20 21:49, , 1F
我個人可能會直接判斷user agent然後做改變
04/20 21:49, 1F

04/20 21:56, , 2F
我當然知道要用user agent,但是後續的步驟才是關鍵。
04/20 21:56, 2F

04/20 21:57, , 3F
它是怎麼判斷的才是重點
04/20 21:57, 3F

04/20 22:15, , 4F
可以想一下為什麼會需要你所謂的"簡化版"?
04/20 22:15, 4F

04/20 22:30, , 5F
像Kindle這種,因為瀏覽器所讀取的內容太過簡化了
04/20 22:30, 5F

04/20 22:30, , 6F
他的code你都看的到不是嗎?
04/20 22:30, 6F

04/20 22:31, , 7F
所以才需要這種極為簡化的手機版頁面
04/20 22:31, 7F

04/20 22:32, , 8F
看不到,因為它是用伺服器端來作判斷的,我當然看不到
04/20 22:32, 8F

04/20 23:09, , 9F
我個人會直接靠白名單過濾
04/20 23:09, 9F

04/21 00:25, , 10F
可能是我無知 但怎看起來簡化版像是舊版沒下線的樣子
04/21 00:25, 10F

04/21 00:41, , 11F
就是因為新版有手機用不了,才要保留舊版阿
04/21 00:41, 11F

04/21 17:22, , 12F
user agent你是在後端判斷嗎 ?
04/21 17:22, 12F

04/21 21:25, , 13F
一般而言大站都是用Server端來判斷的
04/21 21:25, 13F

04/25 05:48, , 14F
Bootstrap是ㄧ套css的framework!你只要follow它的遊戲規則
04/25 05:48, 14F

04/25 05:49, , 15F
,它就會自動判別!
04/25 05:49, 15F

04/25 05:49, , 16F
尤其是它的Grid System
04/25 05:49, 16F
文章代碼(AID): #1LDG6BYm (Web_Design)