絕大多數大站(如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然後做改變
我當然知道要用user agent,但是後續的步驟才是關鍵。它是怎麼判斷的才是重點
像Kindle這種,因為瀏覽器所讀取的內容太過簡化了
作者:
GoalBased (Artificail Intelligence)
2015-04-20 22:30:00他的code你都看的到不是嗎?
所以才需要這種極為簡化的手機版頁面看不到,因為它是用伺服器端來作判斷的,我當然看不到
作者:
oToToT (å±å©)
2015-04-20 23:09:00我個人會直接靠白名單過濾
可能是我無知 但怎看起來簡化版像是舊版沒下線的樣子
作者:
GoalBased (Artificail Intelligence)
2015-04-21 17:22:00user agent你是在後端判斷嗎 ?
作者:
mraaa (重新出發....)
2015-04-25 05:48:00Bootstrap是ㄧ套css的framework!你只要follow它的遊戲規則,它就會自動判別!尤其是它的Grid System