当前位置

《智能手机Web标准开发实战》笔记

James Qi 在 2011年9月28日 - 00:22 提交
内容摘要: 这些天关注移动网站方面的事情,想看看是否有合适的书籍,上周一天晚上在当当网找了一下,有一本翻译老外写的书《智能手机Web标准开发实战》还比较符合要求,晚上11点多在家付款买了,早上收到邮件说凌晨......

  这些天关注移动网站方面的事情,想看看是否有合适的书籍,上周一天晚上在当当网找了一下,有一本翻译老外写的书《智能手机Web标准开发实战》还比较符合要求,晚上11点多在家付款买了,早上收到邮件说凌晨2点多发货了,第二天中午就送到办公室了,真够快的!

  随后一个星期中断断续续把这本书翻看了一遍,内容正是讲的Mobile Web的开发,附标题很长:为iPhone、Android、Palm Pre、BlackBerry、Windows Mobile及Nokia S60开发通用的基于Javascript、CSS、HTML和Ajax的Web应用,按照该书的简介中的说法,是一本移动Web的“新兵训练营”。

  我粗略看过的几点收获记录如下:

  • 可以用三种办法来测试移动网站:桌面浏览器中安装插件来模拟User-Agent、PC上安装手机模拟器软件、使用实际的手机或者平板电脑;
  • 移动Web的集成开发环境可以根据编程语言来选择,与桌面Web的集成开发环境没有特别的区别,编程语言可以是Java、PHP、.Net等;
  • 常用的Apache和Micorsoft IIS都可以作为移动Web服务器,可以设置压缩、缓存、Meta标记等;
  • 面向智能手机开发的移动标记语言一般采用XHTML,未来会向HTML 5发展,老式设备和浏览器支持的WML已经过时;
  • 可以通过调用WURFL和DeviceAtlas设备数据库来获得手持设备的型号及各种参数,用于对浏览设备分组,对不同的分组提供不同的最适当内容;
  • 可以对于各种移动设备提供通用、简单的页面内容,而后对于高端设备添加JavaScript和AJAX来增加交互性;
  • 对于不同类型(例如:需要登录的在线服务网站、动态新闻网站、多媒体共享网站、信息数据库等)的移动网站有一些好的案例及通用原则可以借鉴;
  • 移动网站的域名路径的标准做法是使用m子域(例如m.website.com)或者.mobi顶级域名(例如website.mobi),也可以在相同的域中对不同设备提供不同内容;
  • 创建更好移动用户体验:简化所有内容、不需要任何帮助、视觉简洁美观;
  • 公共检标记验器(W3C MobileOK及mobiReady等)可以用于在线检查移动Web页面的语法,检查错误;
  • 移动站点的SEO有自己的特点,添加meta数据、生成移动网站地图、不要添加过多重复关键词。

  设计移动网站的注意事项:

  • 仅将移动用户需要的功能(一般20%左右)移植到移动网站中,而不用全部照搬桌面网站中的所有内容;
  • 考虑针对市场上大量的移动设备、主流的智能手机提供进行了优化的移动网站来吸引更多浏览者;
  • 基本的移动版本针对带宽进行了优化,采用纯文本格式,图像进行了优化;
  • 导航区域设置为100%,以便适应不同尺寸的设备,测试纵向方式和横向方式浏览;
  • 移动版本应该包含一个指向桌面版本的链接,反过来也是一样,桌面版本中可以包含一个移动版本的链接;
  • 提供一页专门介绍移动版本的特点、用法等信息;
  • 如果网站内容是动态变化的,移动版本首页上也应该有动态信息,以吸引用户的兴趣;
  • 移动网站布局允许信息沿着直线向下流动,但不能有水平滚动条;
  • 选项较多的时候,可以提供下拉菜单的方式;
  • 不放入或者少放入广告;
  • 可以提供交互操作,但尽量减少浏览者输入文字的数量;
  • 可以提供搜索功能,也提供逐级导航的链接,减少输入;
  • 保存用户的设置,最大程度减少用户交互,使用浏览器缓存功能可以实现;
  • 避免使用:弹出窗口、鼠标悬停菜单、自动重定向、外部链接、水平滚动、框架。

  另外,该书还提供了一些业内专家访谈,下面简记几点:

  • 未来数年中的手持设备数量将会超过PC数量,移动Web现在才刚刚起步,未来发展机会很大;
  • 移动网站的难点在于设备的千差万别,配置功能、屏幕尺寸、输入方式等方面都有很大差异;
  • 通用的移动网站代码转换器有一定的作用,但肯定无法提供专门移动网站的良好体验;
  • 移动网站(Mobile Web)和移动应用程序(Native Mobile App)将会共存,各有特点;
  • 移动网站的未来发展仍然不是很明朗,专家之间没有统一的意见,但前景一定广阔。

  先就记录以上这些。下一步我们会找一个已有的桌面网站,尝试做一个移动版本,来具体开展实际,并不断在实际中了解、学习和完善,这个初步的尝试将很快就在最近的几周进行,掌握一定诀窍后,还将会推广开来,不仅把我们以前的已有桌面网站做配套的移动版本,还会做以前没有桌面网站的新内容。

自由标签: