1485 sujets

Web Mobile et responsive web design

[resolu] Recherche d'un "FireBug" pour téléphone portable

Bonjour,
Je suis en train de créer un CSS spécialement pour l'affichage de mon site sur téléphone portable.
Ca marche plutôt bien MAIS j'ai un souci de redimensionnement pour une page en particulier, et je n'arrive pas à en trouver la cause ! Si toutes les autres pages respectent la largeur de l'écran cible et adaptent leur affichage, l'une d'entre elles garde désespérément sa dimension tirée du CSS principal pour affichage PC.
Je n'arrive pas à trouver l'élément qui cause tout cela et vu que je n'y connais encore rien en portables, je n'ai pas encore les outils permettant de développer efficacement.
Sauriez-vous me conseiller un logiciel ou des outils qui me permettraient comme Firebug d'inspecter élément par élément ma page ratée pour trouver ce qui cloche dans mon CSS ?
D'avance merci.
Modifié par Mendoza (22 Aug 2011 - 14:06)
Je ne sais pas s'il existe des outils pour mobile, par contre il est possible de faire l'inverse: utiliser firefox (et donc firebug) comme s'il était utilisé sur un mobile. Il y a une extension pour cela:
user agent switcher
Tu peux nous faire profiter de ta soluce? Cela m'intéresse. Merci
Modifié par jmlapam (22 Aug 2011 - 14:09)
C'est une page ultra longue associée à un CSS initial également ultra long. Je ne veux pas vous embêter avec ça ^^
Par contre je vais tester assidûment le User Switcher Agent.
Administrateur
Bonjour,

tu peux modifier le code HTML de la page fautive pour chercher quel élément/id/classe en est la cause.

Sinon testes-tu sur un mobile (lequel ?) ou sur un émulateur ?
Tu forces bien le rechargement de ta CSS à chaque affichage ? (le cache ...)
Il y a aussi Firebug Lite qu'on peut intégrer en script dans la page (faut utiliser la technique des deux doigts pour scroller dedans)

C'est pas l'idéal, mais si le bug ne se produit réellement que sous ton mobile, c'est une solution alternative.

http://getfirebug.com/firebuglite
Sujet clos
Aller à