iOS6 - suppression du journal de la console pour l'IPad - comment utiliser l'inspecteur Web sous Windows ?

Question

Donc iOS6 est sorti, horrah. Maintenant, il semble qu'Apple ait supprimé la "Developer Console" qui existait dans Safari. Super, j'entends beaucoup de gens dire - c'était limité.

Mais, ça marche sur l'appareil - maintenant apparemment vous devez connecter l'appareil à un Mac pour obtenir l'inspecteur web ?

Est-ce le seul moyen de déboguer avec la console ? Existe-t-il un moyen de déboguer avec Windows, Safari ? Veuillez noter que je ne parle pas de changer l'agent utilisateur, ce que vous pouvez faire dans Safari Windows - cela n'enregistre pas les événements tactiles - il suffit de cliquer.

Answer 1

Si vous n'avez pas Mac OSX, vous pouvez utiliser ce script en remplacement de la console :

https://github.com/robotnic/waterbug

Il affiche les messages d'erreur, il est possible d'enregistrer toutes sortes de variables, vous devez tourner votre iPhone ou iPad de 90° vers la droite pour ouvrir la console.

Answer 2

Une console de débogage pour les pauvres :

    try {
        var test = document.do.something();
    }
    catch (exc) {
        alert(exc);
    }

Answer 3

On peut déboguer sur l'appareil en utilisant des bookmarklets (notamment dans Mobile Safari).

Le débogage sur l'appareil peut être très important si une erreur n'apparaît qu'en direct sur l'appareil et nulle part ailleurs. Il existe une grande variété de bookmarklets pour les développeurs, alors choisissez l'outil de votre choix (par exemple Firebug Lite), ajoutez-le à vos signets et utilisez-le là où vous en avez besoin. Ce n'est peut-être pas la Developer Console, mais c'est une méthode de débogage beaucoup plus précise et axée sur le travail.

J'ai écrit un article de blog sur la façon d'utiliser les bookmarklets sur mon weblog (il y a aussi une liste d'autres outils de test courants et d'autres bookmarklets) :

• http://hofmannsven.com/2013/laboratory/ios-bookmarklets/

MISE À JOUR : Chrome a publié ses Mobile DevTools, qui permettront de déboguer (dans Google Chome Mobile), Appareils Android uniquement ) beaucoup plus facile. Cela ne résoudra pas le problème de l'absence de DevTools dans Safari, mais cela peut aider à localiser les erreurs. sur un appareil :

• https://developer.chrome.com/devtools/docs/remote-debugging
• http://www.html5rocks.com/en/tutorials/developertools/mobile/

MISE À JOUR 2 : Mozilla a publié un module complémentaire pour Firefox afin de permettre le développement web sur plusieurs navigateurs et appareils : http://youtu.be/kEFbQwB81RE?t=1m58s

Answer 4

Cherchez Weinre. Il vous permet d'inspecter une page s'exécutant dans Safari depuis un autre ordinateur à l'aide d'un inspecteur Web semblable à celui de Chrome.

Answer 5

On dirait que la console intégrée a disparu. J'ai essayé de me connecter à un Windows 7 et d'ouvrir Safari, mais je n'ai pas pu localiser la console de développement. Puis j'ai lu cet article qui l'a confirmé.

Si vous devez être en mesure de tester votre site dans les deux orientations, waterbug n'est pas une bonne option, car il utilise l'orientation paysage pour sa vue console.

Une option décente est d'utiliser Adobe Edge Inspect . Vous ouvrez votre site sur Chrome et vous ouvrez l'application sur votre appareil. Votre appareil reflétera la page que vous avez ouverte sur votre ordinateur. Vous pouvez ensuite utiliser les outils de développement de Chrome pour déboguer votre contenu.