您对 Android webapps 的体验如何（限制、提示、最佳实践）？

Question

更新：

正如 François 所提到的，还有其他替代方法，例如 Phone Gap，可以实现更跨平台的方法。这确实是一个非常好的建议。 我愿意接受任何建议，如果我能从您的经验中学习，我将不胜感激。
旁注：仅限网络的应用在我的列表中并不高选项，因为我确实希望它出现在 android 市场上。

---

我即将开始将 facebook 应用程序移植到 android，我正在考虑是否应该将其编写为原生应用程序或作为美化 WebView 的包装器。

您的体验如何？您在编写 web 应用程序时遇到了哪些限制？您有什么建议可以分享吗？也许您认为原生应用才是正确的选择？

为讨论建立一个名声，我现在要移植的应用程序很简单 fb 应用程序，其中服务器托管在 Google App Engine 中（用 Java 编写，如果重要的话），所有客户端代码都是 html、css 和 javascript（带有大量 jQuery）。

该应用程序基本上是一个二人回合制游戏，具有一组响应用户点击的静态图像，以及一个非常简单的聊天框（独立于 fb 聊天）。它可以为每个用户处理多个并发游戏（但对不同的对手，不一样）。

您认为它适合 Android 网络应用吗？

提前谢谢你。

PS1：无论如何，我将不胜感激任何见解，所以如果您想更广泛地回答，请不要将自己局限于这个特定的示例应用程序。

PS2：是的，我从 developer.android.com 阅读了“Web 应用程序的最佳实践”页面，并点击了那里的链接，但它并没有说明 WebView 组件的速度或可靠性，特别是在术语方面的用户交互。问题是在阅读了 WebView 描述页面中的以下段落之后，这对典型的场景有很大的限制：

使用的常见场景 WebView 很有帮助是当你想 提供您的信息 您可能需要的应用程序 更新，例如最终用户协议 或用户指南。在您的 Android 中 应用程序，您可以创建一个 包含 WebView 的 Activity，然后 用它来显示您的文档 这是在线托管的。

WebView 可以的另一种场景 帮助是您的应用程序是否提供 向始终需要的用户提供数据 要检索的 Internet 连接 数据，例如电子邮件。在这种情况下，您 可能会发现构建一个更容易 Android 应用程序中的 WebView 显示一个包含所有内容的网页 用户数据，而不是执行 网络请求，然后解析数据 并将其呈现在 Android 布局中。 相反，您可以设计一个网页 专为 Android 设备量身定制 然后在你的实现一个 WebView 加载 Web 的 Android 应用程序 页面。

Answer 1

如果您使用 Javascript 制作动画，可能会发生一些奇怪的事情。

我使用 WebView 来显示图形，采用混合方法，有时会彻底失败，上面或下面的一行在代码逻辑中不应该出现时会有所不同...

混合方法，用 Javascript 调用 Java 方法，可以做到，但有时会很棘手。

就我个人而言，我的经验越来越少，我倾向于总是选择本地人。它速度更快，而且您不会遇到浏览器渲染中使用重定向或 javascript 时遇到的问题。

就我个人而言，如果我同时为多个平台（iOS、Android..）开发并且没有时间、资源或耐心为所有人开发原生，我只会使用非原生方法。

Answer 2

Appcelerator Titanium 是另一个选择，如果您正在考虑跨平台原生应用程序。

Answer 3

目前the Javascript interface is horribly broken in 2.3，因此您可能需要解决它。

除此之外，我不得不说，我对在本地创建复杂布局时发现的问题感到非常失望。有时我希望返回并在 WebView 中执行所有操作。

HTML+JS 开发的缺点是……它是 JS :)。您没有静态类型，因此在某些情况下调试可能会更难。 （哦，对了，还有OnConsoleMessage OnJsError and so on are horribly broken on some phones）

Answer 4

我已经实现了两个使用 webview 的项目，一个是使用 jqtouch，另一个是使用 jquery-mobile 框架。

您开始轻而易举地继续前进，但最后当您查看应用程序时，它与原生用户体验相去甚远。 Android浏览器比iphone浏览器慢得多。希望以后可以解决，因此在处理 css3 繁重的应用程序时响应时间会变慢。在模拟器中开发时，webview 会让人抓狂，因为它太慢了。

如果您想实现类似原生的元素或固定标签栏，那么您已经做了很多工作，当您将应用程序与原生应用程序进行比较时，最终没有得到一个好的解决方案，这很糟糕。

最后我决定学习原生开发并成为一等公民。当然这需要更多的时间，但结果会让我满意。

我认为原生开发不是未来，以后我们会再次编写 html-css-js 应用程序，它们会像原生代码一样工作，但在我看来不太可能在 2-3 年内。

我可以建议你，尝试构建 Web 应用程序，如果性能不能满足你喜欢我的要求，那就切换到原生开发。

Answer 5

在使用 WebView 之后，我发现它非常棒。我已经构建了一个应用程序并想将其移植到 Android，但当我意识到 WebView 可以完美运行时，我再也没有回头。我的所有功能都内置在 Web 应用程序中，因此应用程序中几乎不需要功能（互联网连接检测/更改等）

我走的是“混合”路线。我有一些您通过 Android 应用程序获得的网站不提供的精选功能 - 因此在营销时请记住这一点。

无论哪种方式，我唯一的问题是，当您使用 繁重的 CSS3 样式 时，滚动速度会卡顿 -- 我说的是边框半径、阴影、渐变等，全部结束。我想看看它是如何反应的……但是，是的，除此之外，你应该是金子！

祝你好运！

（编辑）添加了以下内容： 我还想添加我的应用在 WebView 中使用 jQuery。它似乎比原生动画更错综复杂，但这几乎是给定的。虽然不要误会我的意思，它们仍然是动画并且仍然很好用！如果我可以给 jQuery 动画 一个 FPS（向上/向下滑动），我会说它们大约是 20，而原生动画是流畅的 25-30（范围从 1-30） .引人注目，但不会从体验中带走任何东西。

再一次，不要误会我的意思，它非常好用！例如，我有一个计时器，它在页面加载和倒计时时启动......这在 App > WebView 中完美运行。没有错误，如果有错误，它会反映在网站上（又名 jQuerys 错误）

只是想在我的 2 美分上多加一些 =)

Answer 6

我会按照这个偏好顺序选择这些规则

• 如果您不需要限制为 android，则可以使用完整的网络
• Phone Gap 如果您想要其他智能手机平台。
• 如果您需要联系人、高级图形或任何原生组件，则完全原生
• webview 如果您想进入市场并获得一些收益
• 混合（原生与 webview）如果您想混合方法