Qu'est-ce que vous utilisez pour tester les css de poche sur votre site web?
https://stackoverflow.com/questions/259330
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai ajouté la prise en charge css de ordinateur de poche à mon site Web, mais je n'ai pas réussi à trouver un bon outil de test.
J'ai essayé d'utiliser le plugin webdeveloper pour Firefox, mais cela ne fonctionne pas pour moi. C’est peut-être parce que tous mes css se trouvent dans le HTML et non dans un fichier css séparé.
Existe-t-il d'autres outils de test disponibles en dehors de l'achat d'un appareil de poche?
La solution
Avec un peu de chasse, j'ai trouvé ce que je cherchais, merci pour les gars en tête.
Opera affichera le css de l'ordinateur de poche si vous sélectionnez "Petit écran". dans le menu Afficher.
Autres conseils
Je ne suis pas sûr que ce soit une bonne idée de ressusciter la vieille question, mais j'espère que quelqu'un la trouvera :))
Il existe un moyen simple de tester les flux RSS des ordinateurs de poche à l'aide de requêtes multimédia :
@media handheld, screen and (max-width: 500px) { /* your css */ }
Ensuite, vous pouvez tester les navigateurs qui implémentent des requêtes sur les médias en redimensionnant la fenêtre à moins de 500 pixels.
Si vous possédez Visual Studio, des émulateurs de périphérique vous permettant de tester IE mobile, ou vous pouvez les trouver en mode autonome sur le site de Microsoft. Voici quelques uns pour WM 5 < a>. Un simulateur OpenWave est disponible pour tester ce navigateur. Les simulateurs Blackberry sont également disponibles pour tester le navigateur Blackberry. Vous pouvez (en quelque sorte) tester la prise en charge de l'iPhone avec Safari, bien que vous ne puissiez pas vérifier la méta-balise Viewport. Il existe un simulateur Opera Mini ici.
En outre, extrayez votre code CSS de votre code HTML:)
J'ai découvert que la commutation de types de média dans un environnement de développement me convient mieux.
Par exemple, si vous testez le " ordinateur de poche " css vient d’ajouter le type de média " screen " aux médias et commentez votre css par défaut.
Une fois cette étape terminée, vous souhaiterez normalement effectuer un test sur un périphérique de poche réel.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
Pour tester l'iPhone, vous pouvez vous procurer le kit de développement logiciel (SDK) iPhone ici . Mais vous avez besoin d’un ordinateur OS X / Apple pour fonctionner de manière officielle.
Non officiel / hacks:
- Il existe des moyens d’exécuter OS X sur du matériel informatique standard tel que ici .
- Sinon, décrivez le ici pour que le SDK s'exécute sous Linux / vmware. .
Bonne balade!
Huibert Gill
La plupart des smartphones, comme l'iPhone et certains appareils Android, ne reconnaissent pas le handheld.css . Ils ont pris le mediatype = "écran" afin que vous deviez l'inclure court extrait de JavaScript .
