精通 Grails: Grails 与移动 Web

目前，几乎所有的网站都宣称 “ 使用 [Browser X] 提供最佳视图”。现代的 Ajax 库，比如 Prototype、Dojo 和 YUI，有效地缩小了 Firefox、Internet Explorer 和 Safari 之间的差距。但是使用 Nokia、Motorola 或者 Apple 手机的人可能不会喜欢浏览器的独立性。即使是最新的呼吁 “支持完整 HTML ” 的移动浏览器也可以从简单更改网络内容中获益。本文将向您展示如何优化 Grails 应用程序，使其适用于移动浏览器。

如果您还在疑虑为什么非要使网站便于移动浏览的话，看一看 移动 Web 的使用率正在增长 边栏里面的数字就会明白了。这份全球的统计数字确实让人过目难忘，但热衷移动 Web 源于我个人的兴趣。我在 2007 年春天买了一个 iPhone，那时它刚刚上市。从那以后，我就一直在寻找可以用它来浏览的网站。当然，我可以用它访问任何的网站（只要不是基于 Flash 或者 Java™ applet 的网站，因为它不支持）。问题是，适合在分辨率为 800x600 （或更高）的显示器上显示的内容，在 3.5 英寸的屏幕上显示效果就没有那么好了。

我经常访问的那些带有 UI 的网站，因为它们符合我的手机的特定限制。我的手机会用 m 代替普通站点中传统的 URL www，这就是一个很好的起点。http://m.cnn.com、http://m.yahoo.com 和 http://m.google.com 这样的页面就能在我的手机上显示。有些网站，比如 http://www.twitter.com，则会做出相应的调整，以输出合适的内容：在电脑上浏览，我可以获得全部功能；而在手机上浏览时，则删剪了一些内容，使它刚好适合我的屏幕。我将向您展示如何实现不改变 URL，但提供最佳 UI。