为Android的浏览器优化网站的技巧?

我正在寻找优化Android浏览器网站devise的技巧,技巧和资源。

我正在构build一个Android应用程序,其中一些function将通过Web界面访问。

我依靠两个元素来优化移动浏览器(特别是Android和iPhone)的网站:

元标签:手持式的友好和视口

通常我希望页面的页面宽度不要超过800到900像素,因为Android和iPhone浏览器默认设置为。 为了使页面宽度与设备宽度相同,我设置了以下元标记:

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

CSS媒体查询

我使devise适应页面宽度。 例如,大屏幕有2列内容,小屏幕和列印有1列。 所以我包括进主要的CSS文件进一步CSS包括与媒体查询:

 @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); 

我发现将这两个meta标签添加到我的网站有很长的路要走:

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

这里有更多的信息: http : //learnthemobileweb.com/2009/07/mobile-meta-tags/

关于jQuery,有一个针对移动浏览器进行了优化的版本: http : //jquerymobile.com/

dev.opera有一些文章,当然不是为了android,而是在一般的移动网站上。 例如:

制作小型设备看起来不错

在现实世界中devise和开发移动网站

由于所有的移动网页都尽可能地减less了所有东西。

我不知道任何体面的Android资源,但我不会在JavaScript上疯狂。 如果Android与iPhone类似,那么当前的JavaScript性能将比在桌面上使用的要差很多。