web-dev-qa-db-fra.com

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

Donc, iOS6 est sorti, horrah. Maintenant, il semble que Apple a supprimé la 'Developer Console' qui existait auparavant dans Safari. Génial, j'entends beaucoup de gens dire - c'était limité.

Mais, cela fonctionne on 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 simplement de changer d'agent utilisateur, ce que vous pouvez faire sur Safari Windows - qui n'enregistre pas les événements tactiles - cliquez simplement sur.

ipaddebuggingios6
33
waxical

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

https://github.com/robotnic/waterbug

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

7
bernard

Une pauvre console de débogage mans:

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

On peut déboguer sur l'appareil en utilisant des bookmarklets (en particulier 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 mais nulle part ailleurs. Il existe une 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. Il ne s'agit peut-être pas de la Developer Console, mais il s'agit d'une méthode de débogage beaucoup plus précise et orientée vers le travail.

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

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

UPDATE2: Mozilla a publié un module complémentaire Firefox pour permettre le développement Web sur les navigateurs et les appareils: http://youtu.be/kEFbQwB81RE?t=1m58s

4
Sven

Jetez un œil à Weinre. Il vous permet d'inspecter une page en cours d'exécution dans Safari à partir d'un autre ordinateur à l'aide d'un inspecteur Web de type Chrome

3
tarling

Vous pouvez utiliser window.onerror pour déboguer les erreurs sans console. Ajoutez simplement ce code à votre document HTML dans sa propre balise <script> Avant tout autre code Javascript:

<script type="text/javascript">
    window.onerror = function(e){
        alert(e);
    };
</script>

Cela fera en sorte qu'en cas d'erreur, le message d'erreur s'affichera dans une boîte de dialogue alert, visible dans iOS Safari. Il est important que le code ci-dessus s'exécute avant l'erreur que vous essayez de déboguer, et si vous déboguez une erreur de syntaxe, il est également important qu'il soit dans une balise <script> Distincte.

1
Donald Duck

Comme l'a suggéré neno, Telerik AppBuilder est une excellente application. J'utilise en fait Windows XP dans une machine virtuelle sous Linux uniquement dans le but de déboguer mon iPhone. Windows XP parce que dans mon cas, Windows 7 reconnaît le iPhone, mais iTunes et Telerik AppBuilder ne le font pas.

0
haffla

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

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

Une option décente consiste à utiliser Adobe Edge Inspect . Vous ouvrez votre site sur Chrome et ouvrez l'application sur votre appareil et votre appareil reflétera la page que vous avez ouverte sur votre bureau. Ensuite, vous pouvez utiliser le Chrome = outils de développement pour déboguer votre contenu.

0
Tim Kindberg

Au lieu de Safari sur Windows, vous pouvez utiliser une application de Telerik appelée AppBuilder. J'ai trouvé les instructions sur ce blog . Vous devrez cependant obtenir un compte pour utiliser la plate-forme Telerik.

Cela vous donnera des outils de développement comme ceux de Safari. Je l'ai utilisé sur Win7 64 bits avec des applications Web régulières et des applications Phonegap fonctionnant sur un iPad avec iOS 7.1.

0
neno