推 thitbbeb:1) 用解析度判斷pc or mobile 2) 用user agent判斷 11/16 23:03
→ thitbbeb:網站規模小的話可用media query, 但我偏好手機版獨立出來 11/16 23:04
→ thitbbeb:fb的pc版&mobile版好像也是分開的吧~不是一個版本的網站 11/16 23:06
→ backfish:感謝詳細回覆 11/17 21:46
※ [本文轉錄自 Web_Design 看板 #1IXtalCI ]
作者: backfish (121) 看板: Web_Design
標題: [問題] mobile web的作法
時間: Sat Nov 16 21:54:52 2013
最近開始自修mobile web的製作技術。
目前我的認知現在網站如果支援mobile web的話，大部分有兩種製作方式。
一種是一套網站，但使用css的media query去判斷網頁瀏覽者的裝置寬度再作各別調整；
另一種則是分成"電腦版"與"手機版"網站，
它的作法應該是使用 http://detectmobilebrowsers.com/ 這種網站裡提供的判斷程式，
該判斷程式可以判斷使用者是否使用手機瀏覽網站，
根據它的判斷結果就可以選擇要呈現電腦或手機版的網站。
而我手上的網站主要是製作給桌上型電腦觀看，要改成media query的話工程比較大，
所以會想再另作手機版的網站。(當然手機版網站也會作media query。)
我的問題是，
我不知道detectmobilebrowsers.com這個網站裡提供的判斷程式的準確度夠嗎？
雖然我用自己的手機跟桌機測試是確實可以正確判斷的，
但我總還是不禁懷疑這個判斷程式的可靠性。
然後好像不少國外網站都是用第一種作法，
也就是只有一個版本的網站，光靠media query去作各種寬度的調整而已。
這也會讓我覺得這樣作感覺比較專業。
想問有製作手機版網站的大家都是怎樣的作法呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.170.149.225
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: backfish (1.170.149.225), 時間: 11/16/2013 21:55:20