Débogage de Javascript sur iPad
Je me demandais s'il y avait des outils utiles que les gens ont trouvés pour déboguer javascript sur un iPad qui n'est pas en prison. Il s'agit d'un iPad fourni pour le travail, donc la prison n'est pas une option. Grâce à quelques étapes fastidieuses, j'ai réussi à faire fonctionner Firebug-Lite sur l'iPad, mais mes déclarations de débogueur dans le javascript ne sont pas touchées. Il n'y a également aucune capacité que je vois pour définir des points d'arrêt comme vous pouvez traditionnellement avec Firebug.
J'ai également la console de débogage de Safari ouverte, mais cela est assez inutile pour ce que j'essaie d'accomplir.
Merci pour toutes les idées.
Avez-vous regardé protocole de débogage à distance du webkit ? Il semble qu'ils savent que les gens veulent un débogueur pour leur iPad, mais il n'y a toujours pas de débogueur distant natif pour iPad dans le monde réel.
Mais ne soyez pas déçu, il existe un outil appelé weinre qui fait ce que les gens du webkit sont prêts à faire à l'avenir en ce moment!
Mise à jour:
Par la libération de Google Chrome pour Android débogage à distance des téléphones et les tablettes pour le débogage des applications Web mobiles ne sont plus un problème. Vous aurez besoin d'un téléphone Google Galaxy Nexus coûteux avec ICS dessus) pour le faire. Mais l'avenir est prometteur! Découvrez la démo vidéo ici :
weinre est Web Inspector Remote. Prononcé comme le mot "cave". Ou peut-être comme le mot "weiner". Qui sait, vraiment.
Pour ceux qui viennent à cette question de Google, il y a maintenant un Inspecteur Web disponible dans iOS Safari (faites défiler jusqu'à "Safari sur iOS").
Avez-vous essayé Firebug Lite ?
Je ne l'ai pas utilisé sur l'iPad, mais je ne vois pas pourquoi cela ne fonctionnerait pas.
Je définirais probablement une inclusion conditionnelle basée sur si un paramètre de requête est défini - par exemple (php)
<?php if(isset($_GET['debug'])): ?>
<script type="text/javascript" src="firebuglite.js"></script>
<?php endif; ?>
Vous pouvez également utiliser WebIDE intégré à Firefox avec Valence
Branchez votre appareil> dans Firefox, cliquez sur l'icône de clé> trouvez WebIDE> sous "AUTRE" cliquez sur "Safari, Firefox et autres WebViews sur iOS"
[2] https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/
Vous devez d'abord vous assurer que vous avez activé l'inspecteur Web ("Paramètres> Safari> Avancé" et activez "Inspecteur Web".)
Connectez ensuite votre iPad à votre Mac via un câble USB. Après cela, je peux choisir dans le menu "Développer" de Safari de déboguer le site Web affiché sur mon iPad/iPhone.
Source d'images et d'informations originales: https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
Essayez iDebug . Vous pouvez le télécharger directement depuis l'AppStore sur votre iPad. Voici le lien AppStore .
Vous pouvez essayer d'utiliser Firebug Lite comme bookmarklet. Vous devriez pouvoir utiliser toutes les fonctionnalités sans changer le code de votre application comme l'a suggéré Jesse. Voir ce lien .
Il existe en fait un moyen de déboguer un site Web dans Safari sur iOS en utilisant Firefox WebIDE sur une machine Windows. J'ai écrit une réponse à https://stackoverflow.com/a/35714835/306179 décrivant plus en détail cette solution, car il n'était pas nécessairement simple à configurer et à utiliser. Il ne fournit pas tous les outils de développement que vous attendez de, par exemple, la suite DevTools de Chrome, mais il donne au moins la console, l'inspecteur et le débogueur.
J'ai récemment écrit un outil pour afficher les journaux de la console dans une "fenêtre" mobile/redimensionnable (en fait une div). Il offre des fonctionnalités similaires à la console de Firebug mais vous pouvez le voir sur votre page sur une tablette. Tablet/Smartphone/Phablet Debug Console