为Android优化网站的技巧'；s浏览器？

我正在寻找有关为Android浏览器优化网站设计的提示、技巧和资源

---

我正在构建一个Android应用程序，其中一些功能可以通过web界面访问。

因为所有移动网页都尽可能地精简了所有内容。

dev.opera有一些文章，当然不是针对Android，而是针对一般的移动网站。例如：

---

我发现将这两个元标记添加到我的网站上要花很长时间：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="HandheldFriendly" content="True" />

---

以下是关于它们的更多信息：

我不知道有什么像样的Android资源，但我不会对JavaScript太着迷。如果Android与iPhone有任何相似之处，（当前）JavaScript性能将比您在台式机上可能使用的性能差得多。

我依靠两个要素为移动浏览器（尤其是Android和iPhone）优化网站：

元标记：HandheldFriendly和viewport 通常，我希望页面的宽度不要像Android和iPhone浏览器默认设置的那样为800到900像素。为了使页面宽度与设备宽度相同，我设置了以下元标记：

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

---

关于jQuery，有一个版本针对移动浏览器进行了优化：

您应该接受一些回答大多数教程似乎忽略了这一点。非常重要的信息是那些元标签！告诉浏览器使用mobile view是安全的。股票安卓2.2浏览器不尊重大多数媒体查询的宽度，因为它试图将页面的宽度设置为一个屏幕的宽度。通过这些设置，是否有办法区分手持设备和浏览器的用户。宽度是关于在元/视口标记中使用逗号的说明：MDN表示使用逗号，苹果表示分号。似乎两者都可以使用分号。你从哪里获得这些信息？你可以发布一些官方文档的链接吗？与此同时，很多设备不再使用HandheldFriendly-仅对于旧的Palm设备和AvantGo浏览器，请参阅不必要的IMHO。Cool不知道这个。jQuery Mobile仍在开发中。最近发布了Alpha 3：jQuerymobile是jQueryui的移动版，而不是jQuery库。我只是在标签之间复制和粘贴这些代码，瞧！它在安卓原生网络浏览器上发挥着魅力。谢谢我很确定应该用逗号而不是分号。iPhone上的分号不起作用。

initial scale=1.0的+1同时
HandheldFriendly
不再被大量设备使用-仅用于旧的Palm设备和AvantGo浏览器，请参阅不必要的IMHO。
@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);