Fw: [問題] mobile web的作法

看板PHP作者 (121)時間12年前 (2013/11/16 21:55), 編輯推噓2(203)
留言5則, 3人參與, 最新討論串1/1
※ [本文轉錄自 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

11/16 22:09, , 1F
http://f23ko.com/662 我是這樣做y
11/16 22:09, 1F

11/16 23:03, , 2F
1) 用解析度判斷pc or mobile 2) 用user agent判斷
11/16 23:03, 2F

11/16 23:04, , 3F
網站規模小的話可用media query, 但我偏好手機版獨立出來
11/16 23:04, 3F

11/16 23:06, , 4F
fb的pc版&mobile版好像也是分開的吧~不是一個版本的網站
11/16 23:06, 4F

11/17 21:46, , 5F
感謝詳細回覆
11/17 21:46, 5F
文章代碼(AID): #1IXtb9pQ (PHP)
文章代碼(AID): #1IXtb9pQ (PHP)