作者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
1F：→ LaPass:回在这里好了 11/16 22:10
3F：→ LaPass:如果打算用media query，那一开始在写网页时就要一直切换大 11/16 22:12
4F：→ LaPass:小，看看两边的排版状况变的怎麽样。这是一开始写的时候就 11/16 22:13
5F：→ LaPass:要注意的事情。 11/16 22:13
6F：→ LaPass:但如果是一开始先写pc板，後来才想到手机板，再去补手机的 11/16 22:13
7F：→ LaPass:CSS，那通常是来不及了，倒不如重新写一个手机版网页。如果 11/16 22:14
8F：→ LaPass:当初MVC有做好，这项工作应该不会太费事才对，只要改View就 11/16 22:15
9F：→ LaPass:好。但如果没有做好，资料、控制、显示通通都杂在一起.... 11/16 22:16
10F：→ LaPass:那恭喜了，工作量通常会趋近於把整个网站重新写过..... 11/16 22:17
11F：→ LaPass:至於判断网页类型，因为浏览器基本上可以伪装，所以大概只 11/16 22:18
12F：→ LaPass:有靠JS去判断浏览器宽度才比较可靠，但这也不准确，因为有 11/16 22:18
13F：→ LaPass:时候有人会把浏览器视窗缩的很小.... 11/16 22:19
14F：→ LaPass:折衷方案是使用不准确的判断方式，用server端去判断，然後 11/16 22:19
15F：→ LaPass:在网页的最上方加上「检视手机板」跟「检视电脑版」的按钮 11/16 22:20
16F：→ backfish:感谢详细回覆 11/17 21:45