Comment déboguer des sites Web mobiles ou HTML et CSS sur des appareils mobiles? Existe-t-il un Firebug pour Safari mobile (ou des navigateurs mobiles)?

Question

Existe-t-il un Firebug pour les navigateurs mobiles comme Safari?

Sinon, comment les gens déboguent-ils des sites Web sur des appareils mobiles? La vie sans Firebug est tortueuse.

Pour le moment, nous sommes moins préoccupés par le débogage de Javascript et préférons un moyen plus rapide d’apporter des ajustements HTML et CSS.

Merci!

Answer 1

Cette réponse est la bonne, je ne sais pas pourquoi Blaine seulement laissé un commentaire!

Comme d'iOS 6 Débogage à Distance est disponible: http://stackoverflow.com/a/12762449/72428

Sur OS X, vous pouvez utiliser le web Safari inspecteur sur le Simulateur iOS ET iOS 6 appareils.

1. D'abord activer le menu Développeur dans Safari sur votre ordinateur de Bureau.

2. Ensuite, activez le débogage à distance sur votre appareil iOS (ou simulateur).

   Réglages > Safari > Avancé > Inspecteur Web (SUR)

3. Revenir à Safari sur votre ordinateur, cliquez sur le menu Développeur, et sélectionnez votre appareil (par exemple, Simulateur d'iPhone, iPhone)

Answer 2

Avec Google Chrome pour Android Beta, vous pouvez désormais effectuer un débogage à distance à l'aide des outils de développement intégrés à Google Chrome sur votre bureau. Voici une vidéo démontrant comment cela fonctionne.

Answer 3

J'ai récemment rencontré le même problème avec un site mobile, j'ai été en développement pendant les travaux. La meilleure solution que j'ai trouvé est d'utiliser Safari UserAgent set pour Iphone (assurez-vous que vous avez un Safari outils de développement activés). Vous aurez pour détecter que l'utilisateur est à venir à partir d'un appareil mobile, et soit de les rediriger vers votre mobile url ou charger le mobile spécifique des feuilles de style, cette méthode ne fonctionne pas de réglage de la css du type de support.

Firefox a cette capacité, mais ne pas s'inscrire webkit styles css (qui, je suppose que vous utiliserez comme ils fonctionnent aussi bien pour le navigateur Safari Mobile et Android).

Vous allez courir dans quelques incohérences entre votre navigateur de bureau et de votre navigateur mobile, mais pour identifier rapidement les styles et de débogage javascript, il a travaillé comme un charme.

Espérons que cette aide.

Answer 4

• iWebInspector pour iOS est vraiment incroyable pour le débogage des pages web dans iOS.

  

  Mise à jour: depuis que j'ai posté cette réponse, iOS et OS X ont mis à jour, et maintenant Safari sur votre Mac peuvent se connecter et de débogage Mobile Safari.

• Découvrez Firebug Lite.

• pour google Chrome sur Android, le Débogage à Distance n'est pas mauvais!

Answer 5

Il existe plusieurs façons de déboguer le DOM et le JS sur les appareils mobiles. Avec Adobe Shadow, vous pouvez également inspecter localStorage.

• Weinre
• Adobe Shadow
• Pour Mac et iPhone: iWebInspector