Tipy pro optimalizaci webových stránek pro prohlížeče Android?

hlasů
44

Sháním tipů a zdrojů na optimalizaci designu webových stránek pro prohlížeče Android.

Stavím aplikaci pro systém Android a některé funkce budou přístupné přes webové rozhraní.

Položena 14/02/2009 v 11:25
zdroj uživatelem
V jiných jazycích...                            


6 odpovědí

hlasů
67

Spoléhám na dvou prvků pro optimalizaci webových stránek pro mobilní prohlížeče (zejména Android a iPhone):

Meta tagy: HandheldFriendly a výřez

Obvykle chci stran nebude mít šířku stránky 800 až 900 pixelů, zatímco Android a iPhone prohlížeče nastavit tak, aby ve výchozím nastavení. Chcete-li mít šířku stránky stejnou, jako je šířka zařízení nastavit I tyto meta tagy:

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

CSS dotazy médií

I přizpůsobit design na šířku stránky. Například s obsahem 2 sloupce pro velké obrazovky a 1 sloupec pro malé obrazovky a tisku. Tak jsem se zahrnují do hlavního hlavního CSS soubor dále css, obsahuje s dotazy médií:

@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);
Odpovězeno 07/08/2010 v 13:46
zdroj uživatelem

hlasů
16

Zjistil jsem, že šel dlouhou cestu, jak přidat tyto dva meta tagy na mých stránkách:

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

Zde je více informací o nich: http://learnthemobileweb.com/2009/07/mobile-meta-tags/

Odpovězeno 10/06/2010 v 21:54
zdroj uživatelem

hlasů
5

Pokud jde o jQuery, tam je verze optimalizovaná pro mobilní prohlížeče: http://jquerymobile.com/

Odpovězeno 01/09/2010 v 22:12
zdroj uživatelem

hlasů
4

dev.opera má některé články, nikoliv pro android samozřejmě, ale pro mobilní webové stránky obecně. Například:

Vytváření malých zařízení vypadají skvěle

Návrh a vývoj mobilních webových stránek v reálném světě

Odpovězeno 14/02/2009 v 12:13
zdroj uživatelem

hlasů
1

Nevím o žádných důstojných Android zdrojů, ale já bych nešel příliš šílený na JavaScriptu. Pokud Android je něco jako iPhone, (aktuální) výkon JavaScript bude mnohem horší než ty by mohly být použity k na počítačích.

Odpovězeno 10/06/2010 v 22:02
zdroj uživatelem

hlasů
1

Jako všechny mobilní webové stránky držet všechno, co zeštíhlit, jak mutch jak můžete ..

Odpovězeno 14/02/2009 v 11:57
zdroj uživatelem

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more