web-dev-qa-db-fra.com

Conseils pour optimiser un site Web pour le navigateur Android?

Je recherche des conseils, des astuces et des ressources sur l'optimisation de la conception d'un site Web pour le navigateur d'Android.

Je crée une Android et certaines fonctionnalités seront accessibles via une interface Web.

androidhtmlcssmobile-website
44
nyenyec

Je compte sur deux éléments pour optimiser les sites Web pour les navigateurs mobiles (en particulier Android et iPhone):

Balises META: HandheldFriendly et viewport

Habituellement, je veux que les pages n'aient pas une largeur de 800 à 900 pixels, comme le Android et les navigateurs iPhone le définissent par défaut. Pour que la largeur de la page soit identique à la largeur de l'appareil, je définissez les balises META suivantes:

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

Requêtes multimédias CSS

J'adapte le design à la largeur de la page. Par exemple, avoir un contenu à 2 colonnes pour les grands écrans et 1 colonne pour les petits écrans et l'impression. J'inclus donc dans le fichier css principal principal d'autres css-includes avec les requêtes multimédias:

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

J'ai trouvé que cela a beaucoup aidé à ajouter ces deux balises META à mon site:

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

Voici plus d'informations à leur sujet: http://learnthemobileweb.com/2009/07/mobile-meta-tags/

16
Dave Lancea

Concernant jQuery, il existe une version optimisée pour les navigateurs mobiles: http://jquerymobile.com/

5
Mike Chelen

dev.opera a quelques articles, pas pour Android bien sûr mais pour les sites Web mobiles en général. Par exemple:

Rendre les petits appareils superbes

Conception et développement de sites Web mobiles dans le monde réel

4
Zitrax

Je ne connais pas de ressources Android Android décentes, mais je ne deviendrais pas trop fou sur le JavaScript. Si Android est quelque chose comme l'iPhone, ( les performances JavaScript seront bien pires que celles auxquelles vous êtes habitué sur les postes de travail.

1
Paul D. Waite

Comme toutes les pages Web mobiles, tout reste aussi mince que possible.

1
Peter