[問題] mobile web的作法

看板Web_Design作者 (121)時間12年前 (2013/11/16 21:54), 編輯推噓0(0016)
留言16則, 2人參與, 最新討論串1/2 (看更多)
最近開始自修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

11/16 22:10, , 1F
回在這裡好了
11/16 22:10, 1F

11/16 22:12, , 2F
http://f23ko.com/662 之前看到這個東西,試了一下
11/16 22:12, 2F

11/16 22:12, , 3F
如果打算用media query,那一開始在寫網頁時就要一直切換大
11/16 22:12, 3F

11/16 22:13, , 4F
小,看看兩邊的排版狀況變的怎麼樣。這是一開始寫的時候就
11/16 22:13, 4F

11/16 22:13, , 5F
要注意的事情。
11/16 22:13, 5F

11/16 22:13, , 6F
但如果是一開始先寫pc板,後來才想到手機板,再去補手機的
11/16 22:13, 6F

11/16 22:14, , 7F
CSS,那通常是來不及了,倒不如重新寫一個手機版網頁。如果
11/16 22:14, 7F

11/16 22:15, , 8F
當初MVC有做好,這項工作應該不會太費事才對,只要改View就
11/16 22:15, 8F

11/16 22:16, , 9F
好。但如果沒有做好,資料、控制、顯示通通都雜在一起....
11/16 22:16, 9F

11/16 22:17, , 10F
那恭喜了,工作量通常會趨近於把整個網站重新寫過.....
11/16 22:17, 10F

11/16 22:18, , 11F
至於判斷網頁類型,因為瀏覽器基本上可以偽裝,所以大概只
11/16 22:18, 11F

11/16 22:18, , 12F
有靠JS去判斷瀏覽器寬度才比較可靠,但這也不準確,因為有
11/16 22:18, 12F

11/16 22:19, , 13F
時候有人會把瀏覽器視窗縮的很小....
11/16 22:19, 13F

11/16 22:19, , 14F
折衷方案是使用不準確的判斷方式,用server端去判斷,然後
11/16 22:19, 14F

11/16 22:20, , 15F
在網頁的最上方加上「檢視手機板」跟「檢視電腦版」的按鈕
11/16 22:20, 15F

11/17 21:45, , 16F
感謝詳細回覆
11/17 21:45, 16F
文章代碼(AID): #1IXtalCI (Web_Design)
文章代碼(AID): #1IXtalCI (Web_Design)