快速业务通道

精通Grails: Grails与移动Web - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-15
个容器标记 (<p></p>、<li></li>),属性前后要用引号(<a href="http://somewhere.com">),并且元素名称只能用小写字母(<h1> 而不是 <H1> )。

XHTML-MP 是 XHTML-Basic 的一个超集。只要稍作调整,您的网站就遵循 XHTML-Basic 规范。XHTML -MP 不可以使用嵌套的表格或框架。它只支持 gif 和 png 图像格式。至于其他的最佳实践(比如指定图 像大小和替换文本)则是 XHTML-Basic 的要求。很多常见的 HTML 标记(虽然不是全部)都可以找到。 参阅 参考资料 获得可用于 XHTML-Basic 和 XHTML-MP 的标记的列表链接。

要优化网站使其适合较小屏幕,就必须减少针对每个请求发回的数据。Web 网页(包括 HTML、CSS 和 图像)最好小于 20KB。并且要使用 Expires 或者 Cache-Control header 来主动缓冲文件。当为移动设 备提供内容时,要将网页分割为 2 到 3 页。http://m.cnn.com 在这方面做的就很好,它可以将整篇文 章分成 3 到 4 页显示,但也提供了 “整篇文章” 的链接,如果您不介意额外开销的话。

就像使用 WML 1.x 一样,必须在文件的开始包含正确的 DTD。同时还要修改 <html> 标记,使 其包含 xmlns 属性,如清单 5 所示:

清单 5. 启动 XHTML-MP 文件

<!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" xml:lang="en"> ... </html>

虽然很多移动设备也接受更加通用的 MIME 类型 application/xhtml+xml ,但您仍然要用适当的 MIME 类型 application/vnd.wap.xhtml+xml 将其发送。application/xhtml+xml 可以帮助您在标准桌面 浏览器中调试代码。

精通Grails: Grails与移动Web(4)

时间:2011-07-29 IBM Scott Davis

查看 XHTML-MP

访问 http://m.yahoo.com 可以查看 XHTML-MP。(虽然它在 Web 浏览其中看起来很简朴,但在手机 上的效果却很好)。选择 View > Source,就会在文档顶端看见 XHTML-MP DTD 了。

想要更深入地了解这样的网站在真机上的效果到底如何,您还需要找到另外一个仿真器。例如, Sandip Chitale 的博客提供了 Firefox 插件,它看来真的很象一个 iPhone(参阅 参考资料)。注意, 这个仿真器要比真机大一些,但是它显示的网站效果跟在 iPhone 上显示的效果非常接近。(我将指出一 些更精确的验证器)。图 2 展示了用 Chitale 的仿真器仿真的 m.yahoo.com:

图 2. 使用 iPhone 仿真器查看 Yahoo 移动 web

精通Grails: Grails与移动Web(5)

时间:2011-07-29 IBM Scott Davis

验证 XHTML-MP

有几个在线验证器可以确保您发出的 XHTML-MP 是格式良好的。您可以尝试一下 W3C mobileOK Basic Checker 或 ready.mobi 测试工具(参阅 参考资料)。二者都很好,但是 ready.mobi 的仿真器提供的 信息要比 W3C 多得多。

例如,图 3 展示了 W3C 验证器所提供的关于 http://m.google.com 的信息:

图 3. W3C 验证器提供的有关 Google 的移动 web 的报告

图 4 为 ready.mobi 工具提供的关于 http://m.yahoo.com 的报告的前一部分:

图 4. ready.mobi 提供的关于 Yahoo 的移动 web 的报告

精通Grails: Grails与移动Web(6)

时间:2011-07-29 IBM Scott Davis

它显示了 Yahoo! 的 4/5。再往下拉一点点,您就可以看到很多不同的可视化器,使您可以看到网页 的真正显示效果。图 5 展示了它在 Nokia N70 的效果:

图 5. 使用仿真器查看 Yahoo 的移动 web

在页面的底部,ready.mobi 验证器展示了一组详细的测试结果,每

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号