为主站点规划和构建具有移动功能的站点
我们正处于为我们的客户之一建立移动网站的初始计划阶段。该移动站点将是我们已经为他们建立的主站点的补充。我们已经确定内容将是主站点的一小部分,并将针对预期将使用该站点的主要受众。
在浏览一些示例移动网站时,我们注意到许多在URL中具有WAP的网站实际上只是简化的HTML文件。 http://wap.mlb.com并非真正启用WAP,而是简单的HTML。
我的问题是WAP是否回想起过去?随着智能手机和iPhone具有按原样呈现网站的能力,我们是否需要担心WML和WAP,还是精简的html版本就足够了?
我们还可以推荐博客或者教程,或者在下面回答如何最好地检查移动设备?作为程序员,我们是否需要了解用户代理的每个变体才能将其重定向到我们的移动站点?
最后,我们是否会为iPhone / Touch Safari浏览器编程一个移动网站,还是只保留该网站?
解决方案
回答
我认为与2.5G手机和新3G手机的主要区别在于,尽管2.5G手机使用自己的浏览器,但3G手机上的浏览器在渲染功能上变得越来越相似/更加精确。
另一方面,我们可以使用CSS以大屏幕格式或者小型针对移动设备优化的格式呈现相同的HTML,所以我想发生的事情是"简单HTML"方法似乎是最不困难的方法。采取。此外,无表布局使网站可以更好地扩展,从而更容易以大屏幕和小屏幕格式呈现网站。
因此,最终的问题将是目标市场。我们是否针对精通技术的观众,而他们往往会拥有完全具备3G功能的手机?我们是否针对最多可能拥有2.5G的人群?
回答
我的经验是,这实际上取决于我们要做什么以及用户是谁/在哪里。
虽然WAP受到了很多负面新闻的影响,但是它的优势在于我们拥有低带宽,高延迟的连接。 WML内容已通过运营商的网关进行了优化,以大大减少空中传输的数据量。如果我们拥有iPhone之类的产品,则在3G覆盖率较高的地区,我们可以负担得起更多内容,但是,如果我们希望某个应用在其他地方仍能保持良好的性能,则WAP具有很大的优势。
WAP需要提防的一件事是,手机中WAP支持的质量差异很大(猜想我们在智能手机Web浏览器中也是如此)。它们大多数都可以正常显示页面,但是在某些浏览器中,表单处理确实很糟糕。
如果我们根据用户代理来更改内容,则还应该提供一种明确的方式来访问特定类型的内容(例如,单独的uri),自动选择并不总是正确的,并且我们希望客户端能够覆盖它。
如果要进行WAP开发,请查看基于Windows的WAP浏览器WinWAP。
回答
我强烈建议我们阅读Cameron Molls的书《 Mobile Web Design》。它不是构建移动优化站点的技术指南,而是让我们考虑可用的各种选项并总结每个优点和缺点。一定会让我们考虑使用的是什么方法,以及它是否正确。我认为它也有一些指向资源的指针,这些资源可帮助检测对站点的移动设备请求,那里有多种选择。
回答
如果我们想花很少的钱,可以在亚马逊上找到我的二手书" Palm OS Web应用程序开发人员指南",价格不到1美元。尽管有关旧Palm VII设备的特定技巧不再适用,但仍有一些章节使移动网站仍然适用。我的基本建议是:先缩小页面,并先添加相关信息,然后再导航链接。将通用/样板内容推送到其他页面;尝试进行优化以减少用户在单个页面上花费的时间;并避免为页面下载大量对象(图像,JavaScript文件)以减少延迟。
回答
我们可以做两件事来提高对iPhone的支持,而无需做很多工作:
使页面向上滚动以隐藏URL栏:
<script type="application/x-javascript"> if (navigator.userAgent.indexOf('iPhone') != -1) { addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); } function hideURLbar() { window.scrollTo(0, 1); } </script>
并设置页面宽度的缩放比例(最好进行一些测试并进行尝试,还要查找其他可能使用" user-scaleable = true"的示例):
<meta name="viewport" content="width=320; user-scalable=false" />
回答
较新的电话随附WAP2,该WAP2使用HTML移动配置文件(XHTML MP),与标准HTML十分相似。较旧的电话使用无线标记语言(WML)。
根据听众,我会考虑使用XHTML MP制作该网站的手机友好版本,并完全放弃WML。用手机友好,我指的是浅色图形,很少的JavaScript和简单的导航。
要检查不同手机的功能,请查看WURFL。
另外,我们可能想看看w3c的Mobile Web Best Practices。