quelles sont les règles pour rendre le site Web convivial mobile?

Question

Je voudrais ajouter de la valeur à mon site que j'ai développé au moment de sorte que l'utilisateur peut vérifier sur leur téléphone mobile.

Mes questions:

1. Dois-je faire autre modèle pour la version mobile et une version complète? Comme créer mobile.example.com pour la version mobile?

2. Est-ce que Opera Mini prend pas en charge JavaScript? J'ai un téléphone mobile qui a Opera Mini, il semble que JavaScript ne fonctionnait pas. Faites tout ce que Opera Mini pas JavaScript sur elle?

3. Est-ce que Opera Mini supporte la norme HTML du W3C et CSS complet? Ou ont-ils un autre?

4. Y at-il émulateur pour voir ou site web de test dans différents téléphones mobiles? Par exemple:. Iphone navigateur, navigateur Blackberry, WAP et Opera Mini

Merci !!!

Answer 1

1. Il est à vous si vous voulez faire deux sites différents pour les appareils mobiles et non mobiles. Cependant, si vous le faites, assurez-vous d'avoir un lien à partir du site mobile au site complet pour permettre aux utilisateurs de passer à lui.
2. Opera Mini ne supporte Javascript qui certaines restrictions (par exemple. Sur les opérations asynchrones). Sachez que Opera Mini utilise une approche basée sur le proxy et la JS est exécuté sur les serveurs d'Opera qui impose certaines restrictions. Plugins comme Adobe Flash ne sont pas pris en charge.
3. Fondamentalement, Opera Mini prend en charge les mêmes standards que l'Opéra de bureau car ils partagent le même moteur de rendu (Opera Presto). Toutefois, en raison des restrictions de l'appareil, certaines fonctionnalités telles que CSS coins arrondis ne sont pas disponibles en Mini. Voir Opera Mini 5 normes soutien plus d'informations, mais sachez que quant à lui Opera Mini utilise Opera Presto 2.4, le moteur de rendu utilisé dans Opera bureau 10,53.
4. Pour les sites d'essais dans Opera Mini, essayez MicroEmulator qui est Open Source et est livré avec une peau redimensionnable vous permet de simuler différentes tailles d'écran.

Hope qui aide:)

Answer 2

Certains sites proposent une conversion automatique de votre site web existant. Ce converti, site Web convivial mobile peut être soit hébergé sur un nouveau domaine ou un « masque » peut être appliqué sur votre site existant. Consultez www.webtosmartphone.com, qui convertit facilement automatiquement les sites Web de base; une ligne rapide de code et votre site sera automatiquement redimensionnée et visible dans les téléphones intelligents les plus populaires. Si elle ne se convertit pas automatiquement, vous pouvez demander une conversion personnalisée.

Answer 3

1. Vous devez certainement adapter votre sortie pour les appareils mobiles lorsque le contenu est accessible via un appareil mobile. Que vous le faire en séparant la présentation mobile sur un sous-domaine ou un dossier spécial ou non est totalement hors de propos.

2. / 3. Mobile est bien plus qu'un simple Opera Mini. Divers navigateurs de périphériques mobiles prennent en charge divers degrés de contenu riche (JavaScript, CSS, etc.) Vous devriez examiner détecter quelles fonctionnalités sont prises en charge par le navigateur des visiteurs / appareil et servir le contenu de manière appropriée riche / « pauvres ». Vous devriez jeter un oeil à WURFL et Device Atlas qui sont deux bases de données principales de useragents de périphériques mobiles qui vous permettent de servir uniquement le contenu que le useragent peut consommer.

3. Il existe plusieurs émulateurs là-bas, un peu mieux et un peu plus mal, qui émulent les différents navigateurs de périphériques mobiles. Du haut de ma tête, les deux que je l'ai utilisé sont Yo Espace SmartPhone Emulator ( site brisé atm ) et émulateur de Mobi TLD . Il y a aussi spécifique fournisseur (Nokia, SE) des outils de développement, vous devriez être en mesure de trouver émulant les périphériques du vendeur.

Answer 4

Cascading Style Sheets (CSS) sont la façon d'y parvenir. Cela signifie que vous aurez besoin d'examiner l'utilisation de votre site de tables HTML et convertir en une conception à base de CSS.

Le CSS Zen Garden est une excellente ressource pour montrer ce qui est possible.

  

Une ressource pour convertir votre actuelle   le site dans un appareil mobile convivial   format est Skweezer.com. Il suffit d'entrer   URL de votre site, et il sera   Affichez votre site dans un   version pour mobile en supprimant   de grandes images, les styles CSS et la page   éléments qui ne seront pas afficher   correctement. Vous pouvez l'utiliser comme   modèle, ou point de départ, pour   faire un profil CSS mobile pour la   site. Fournir une CSS alternatif   stylesheet pour les utilisateurs mobiles   des dispositifs, à insérer le code suivant dans   la tête d'un document HTML:

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Ref .