开发网站的移动版本

Question

我正在开展一个大型网站项目，该项目大量使用页内数据图表。为了使图表具有交互性（旧的范例是将数据发布到服务器，让服务器将图表呈现为 jpg，然后将其发送回浏览器），我们已经开始用 Java 构建图表。这是一个流畅的系统，但网站仍然非常依赖计算机。

我希望网站本身能够作为设备感知的 Web 应用程序工作 - 根据用户代理字符串切换布局以呈现针对手机和 PDA 的移动优化版本。但我担心 iPhone 等平台对 3rd 方小程序（Java、Flash 等）的支持模糊不清。

因此，如果您要构建一个可以通过标准网络浏览器或 iPhone/Blackberry/Palm 设备访问的网络应用程序，您会怎么做才能仍然显示交互式图表？有在 iPhone 上使用 Java 的解决方法吗？有没有我们应该共同追求的另一个平台？

Answer 1

如果你想支持更多的浏览器，你可能想看看使用 Javascript 来帮助决定做什么。

您可以使用canvas 元素生成图表，如果浏览器不支持该元素，那么您可以使用 Flash 应用程序，如果这不起作用，请在服务器上开发图表并使用<img> 标签并刷新。

如果浏览器没有启用 javascript，这第三种方法也可以工作。

这样您就可以处理各种情况，而不必在浏览器中运行 Java。

Answer 2

iPhone 和 Android 浏览器支持 HTML5 功能，例如“画布”，您可能想了解一下。黑莓手机上的浏览器有些落伍了——他们终于为即将推出的 6.0 操作系统发布了基于 WebKit 的浏览器，但目前市场上的所有设备在浏览器功能方面都非常有限。对于这些设备，您最好只使用静态服务器生成的图像。

Answer 3

当您检测到旧版浏览器时，我会使用 JS 图表库并优雅地降级为图像。