我们的故事 » 手机

手机网站开发笔记2 – 完整的头部声明

dUcky — Fri, 09 Apr 2010 02:48:28 +0000

接上一篇概述，说一说手机网站网页的头部声明。

xml version="1.0" encoding="utf-8"?>
DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=utf-8" />
<meta http-equiv="Cache-Control" content="must-revalidate,no-cache" />
<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=2.0;user-scalable=1" />
<title>我们的故事 iHandu.com - dUckytitle>
<link href="style/mobile.css" rel="stylesheet" type="text/css" />
head>

上面的代码就是一个完整的手机网页的头部，解释几个比较特别的：

line 1: xml 的声明并不是必要的，但是听说会影响某些 wap 浏览器，比如 Sony Ericsson 的一些型号，“ 当接收到的 MIME 类型为 text/html 时, 会利用 XML 声明来区分 XHTML MP 和 IHTML（一个 NTT DoCoMo 定义的有专利的标记语言）文档；如果文档包含 XML 声明，它就是一个 XHTML MP 文档，否则它就是一个 IHTML 文档。”

line 2: 定义 DTD 的名字，声明了使用 XHTML Mobile 1.0 为内容格式。

line 5: “由OMA 定义的 XHTML MP 内容的首选 MIME 类型为：‘application/vnd.wap.xhtml+xml’ 。这一类型可以用于向 XHTML 用户代理提供 XHTML MP 文档支持。另外，也可使用 ‘application/xhtml+xml’ 。在一些 Symbian Series 60 浏览器上，必须使用 MIME 类型 ‘application/vnd.wap.xhtml+xml’ 以确保正确的 XHTML MP 内容视图。”

line 6: 设置浏览器缓存，这里是禁止缓存， must-revalidate 是针对某些浏览球通过返回按钮回到上一个标签而不重新装载。

line 7: 针对 iphone 的设置。width: 宽度；height: 的高度；initial-scale: 初始的缩放比例；minimum-scale: 允许用户缩放到的最小比例；maximum-scale: 允许用户缩放到的最大比例；user-scalable: 用户是否可以手动缩放。

其他都是最基本的，当然你也可以加上 keywords 或者 description 的 meta 标签。

（文中一些打双引号引用的文字都来源于网上的资料，但是我找不到源头了，感谢那些分享的人）

最后是 W3C 提供的移动网页使用的 XHTML 验证工具，它会对你做的页面提出建议和不符合标准的地方。

手机网站开发笔记1 – 概述

dUcky — Tue, 06 Apr 2010 12:03:54 +0000

手机网站由于大家都是起步不久，所以网上有用公开的资料并不是很多，特别是国内。下面从头说起。

什么是 wap2.0 ？

wap 是无线应用协议（Wireless Application Protocol）。wap2.0 就是 wap 的第二个版本。
wap1.X 规定无线设备访问的页面是用 WML 语言编写的，但是 WAP2.0 将 XHTML MP 做为主要内容格式。
via 中文 wikipedia

什么是 XHTML MP ？

XHTML MP 是 XHTML 的子集，因此继承了它的语法。用 XHTML MP 构建的页面，以供手持设备的访问，如手机、PDA等。

页头声明：

1	DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

XHTML Mobile Profile (XHTML MP) via wikipedia

这样看来，其实与我们平时用的 xhtml 差别不是很大，但是与一般网站用的 xhtml、css、js 还是有很多不一样的地方，从之前的实践者我们就可以看到。

感谢淘宝的设计师以及工程师的分享精神，让我们少走不少路。更提醒我们兼容性是一个很大的问题。下面的这张表是在 twitter 上 follow 前端大师 @ppk 的同学们的手机浏览器环境调查：

Phone types and browsers

看花了眼吧…所以兼容性从前期规划到后期测试都非常重要。

更多的东西还要在自己的实践中去总结，最后推荐的是：PPK 关于手机网站开发的研究，以及在蓝色理想找到 W3C 在移动 web 设计和用户体验的推荐标准：W3C移动web最佳实践1.0中文版.pdf，叙述了 60 条有关手机网站需要注意的地方。

Android 中的魔术师 HTC G2 Magic

dUcky — Thu, 08 Oct 2009 05:32:00 +0000

由于我之前的手机悲剧性的丢在了厦门，所以一回来以最快的速度入手了HTC G2 Magic。其实一心想入G1的，但是丹凤街G1缺货，而且G2的价格和G1几乎差不多，大概贵200左右，入的价格是2440米，要比G1轻薄很多，毕竟少了一个键盘。上面看到的是G2 Magic有趣的解锁。

G2 Magic的外观，屏幕分辨率是 320×480 px 。

还是比较轻薄的，比G1柔和很多，白色的G2 MM应该比较喜欢。

白白的轨迹球，手感很舒适，会发光…

拿来的时候刷了G3 Hero的ROM，但是由于G3 Hero在初始化的时候没有设置Google账户同步，之后在系统里是没办法成功设置Google账户的，这应该是G3 Hero的一个Bug。而且wifi也有可能没法使用。但是对于原G3的机器，选择初始化回原厂设置重新设置就可以了。对于G2刷成G3的机器，初始化以后就没法进入系统了，在Hero启动画面不停死循环。 via

没办法，重新刷回G2 Magic的最新ROM，可以随时设置Google账户的同步，但是又来了一个问题，就是由于GFW的限制，gmail同步、market程序的下载以及其他一些同步服务会无法正常使用。不过根据这几天的情况，白天是可以正常使用的，晚上就不行了… via

G2 Magic包装里没有提供光盘，你必须去下载一个驱动才可以和电脑连接，同时可以安装一个apk安装器，安装apk程序会变得非常简单。点击这里可以下载到 via

这里推荐的相关论坛是安卓网，程序、刷机、小白的问题都可以查询到。

刚入手没几天，感觉不错，由于都是烤漆，指纹比较厉害，这在考虑入一个套…

鸟枪换炮 Nokia5800xm

dUcky — Wed, 18 Feb 2009 15:41:42 +0000

一个半星期以前，迎来了Nokia5800xm，终于也进入了触摸的时代…2490米入手，红色版本，蓝色要贵一点，根据code产地是南亚，港行当时需要2540。刚刚拿到手兴奋了很多天，挺顺手，而且3.2寸屏，分辨率640×360效果非常好，当然也发现不少问题。买来时手机系统是Symbian S60 第5版，V11版本，到现在软格过三次，刷过一次机，改code刷成了V20版本。

用的方法看这个帖子：更改5800的code，用套件升级！告别凤凰。有点麻烦，不过还好。刷完后，之前搜索功能不能使用，自带浏览器无法使用gprs，主屏幕名片夹栏无法从通讯录选择联系人等等问题统统解决，没有遇到别人说的花屏，黑屏以及手机听筒问题，也许是幸运吧…

刷机成V20以后，触摸更加灵敏，重力感应也不像之前那么敏感，字体有改变，更清晰…

反正现在感觉很好，看电子书，浏览网页，看电影都不错。还有触摸的操作，全屏输入法也慢慢习惯和熟练。

偶退役的N72与现役的5800xm…用过很多智能机，Blackberry 7290，Moto mpx220，Nokia N72，Nokia 5800xm…不知道为什么，越来越喜欢Symbian的机器…

推荐一个偶常去的Symbian论坛：塞班智能手机论坛，有什么问题或者找什么资源就去看看吧…

我们的故事 » 手机

手机网站开发笔记2 – 完整的头部声明

相关文章

手机网站开发笔记1 – 概述

什么是 wap2.0 ？

什么是 XHTML MP ？

相关文章

推荐 Android 上 5 款有趣的应用

相关文章

Android 中的魔术师 HTC G2 Magic

相关文章

鸟枪换炮 Nokia5800xm

相关文章