Est-il une sorte de Firebug ou JavaScript console de débogage pour Android?

Je suis le développement d'un site web pour mobile. Il fonctionne sur Firefox desktop. Elle fonctionne sur iPhone, mais quand je presse un bouton sur Android 2.x (et peut-être moins).
mon code JavaScript se bloque ou quoi d'autre...

Puis-je accéder à l'enregistreur ou la console JavaScript pour ces appareils?

Le mieux devrait être une sorte de Firebug application.

InformationsquelleAutor Christophe Debove | 2011-05-12
  1. 45

    Une option est weinre. Il fournit des DOM & Style de montage avec la console. Si vous ne voulez pas configurer vous-même, il y a une instance hébergée à http://debug.phonegap.com

    L'autre option est JSHybugger. C'est certainement le plus complet environnement de débogage disponibles pour le navigateur android. C'est un produit payant, mais probablement la peine.

    • Slick! Semble un peu buggé, mais certainement un outil utile. Merci!
    • semble cool, va prendre un coup d'oeil
    • J'ai juste essayé cela sur un Nexus 4, et la Weinre interface semble bien fonctionner aussi sur la version Android de google Chrome. Cela signifie que si vous allez par le biais de weinre (soit en cours d'exécution de votre propre quelque part, ou cette version hébergée), vous pouvez exécuter l'application web, et le débogage sur l'appareil.
    • Weinre est incroyable.
    • tapant about:debug sur la barre d'adresse comme suggéré par NSJonas a bien fonctionné pour moi dans Android, pas besoin de weinre
    • Le PhoneGap instance hébergée ne semble pas fonctionner.
    • comment puis-je utiliser weinre à partir d'une page qui a pour charge sur https?

    InformationsquelleAutor Paul Beusterien
  2. 34

    Chrome a une très belle fonctionnalité appelée "Web USB debugging" qui permet de voir l'appareil mobile de la console de débogage sur votre ordinateur lorsqu'il est connecté via USB.

    Voir ici pour plus de détails.

    EDIT: il Semble que la BAD n'est pas pris en charge sur Windows 8, mais ce lien semble apporter une solution:

    http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/

    • très bon outil, je vous remercie
    • Génial, cet outil permet de déboguer les appareils mobiles un jeu d'enfant
    • Nice. L'opéra a également débogage à distance depuis un ordinateur, reportez-vous à dev.opera.com/articles/view/...
    • Et que faites-vous si vous n'avez pas les droits d'admin, et le pilote usb n'est pas installé ?
    • envisager une autre employeur où ils vous permettent les outils et les autorisations pour faire votre travail.
    • Quel est l'intérêt d'avoir une tablette si je doit aussi avoir le PC?
    • pour souligner l'éléphant dans la pièce!

    InformationsquelleAutor seeg
  3. 12

    Vous pouvez taper about:debug dans certains navigateurs mobiles pour tirer vers le haut une console JavaScript.

    • Vous êtes techniquement droit, mais ne vous attendez pas à être très utile avec elle. Sur le stock navigateur Android (4.0), il ne fait que très peu d'autres que de cracher votre console.les journaux, pas même en retournant le résultat de votre évalué les commandes.
    InformationsquelleAutor NSjonas
  4. 7

    J'ai parfois l'impression de sortie de débogage de la fenêtre du navigateur. À l'aide de jQuery, vous pouvez envoyer des messages de sortie d'une zone d'affichage sur votre page:

    <div id='display'></div>

$('#display').text('array length: ' + myArray.length);

    Ou si vous voulez regarder des variables JavaScript sans l'ajout d'une zone d'affichage de votre page:

    function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}
    InformationsquelleAutor mbokil
  5. 3

    J'avais le même problème, il suffit d'utiliser console.log(...) (comme firebug), et l'installation d'un journal application de l'observateur, ce qui vous permettra de visualiser tous les journaux pour votre navigateur.

    InformationsquelleAutor Rory
  6. 2

    Nous sommes en suivant les étapes ci-dessous dans notre projet pour le débogage d'un site web sur mobile.

    1. Installer mobogenie logiciel sur mobile et desktop (les deux ont la même version).
    2. Ouvrir votre site mobile du navigateur Google Chrome.
    3. Ouvrez Google Chrome sur le bureau. Aller à Option --> Plus d'Options --> Inspecter l'Appareil.
    4. Ici vous trouverez une liste de sites qui sont ouverts sur mobile et cliquez sur inspecter et vous obtenez la console JavaScript qui vous voulez.
    InformationsquelleAutor chirag
  7. 1

    "Web USB debugging" est une option

    "impression à l'écran" un autre.

    Mais je préfère le débogage à distance par l'intermédiaire de 'adobe edge inspect' officiellement connu comme adobe shadow. Il utilise weinre en interne (=WEb Inspecter à Distance)

    Vous venez de l'installer + un petit plugin dans le navigateur (Chrome) et une application gratuite que vous pouvez télécharger dans le play store. Ensuite, vous avez tous les outils comme le Chrome des outils de Développement.

    Il a aussi un support pour iOS et Kindle Fire

    Mise à jour

    Comme Chris l'a remarqué, vous avez à payer un abonnement pour utiliser edge inspect. Une alternative plus économique est d'utiliser weinre directement, c'est la base de edge inspect. Voici un article sur la façon de le configurer.

    • On dirait que vous avez à payer un abonnement mensuel pour Adbobe Creative Cloud pour être en mesure d'utiliser Edge inspect
    • Ouais c'est triste, mais on dirait qu'ils ont de serrer chaque centime de tous les projets réussis 🙂
    InformationsquelleAutor VDP
  8. 1

    Si vous êtes à l'aide de Cordova 3.3 ou supérieure et que votre appareil est fonctionnant sous Android 4.4 ou supérieur vous pouvez utiliser l'option "Débogage à Distance sur Android avec Chrome". Toutes les instructions sont ici:

    https://developer.chrome.com/devtools/docs/remote-debugging

    En résumé:

    • Branchez le périphérique sur votre ordinateur de bureau à l'aide d'un câble USB
    • Activer le débogage USB sur votre appareil (sur mon appareil c'est dans Paramètres > Plus > options pour les Développeurs > le débogage USB)

    Ou, si vous êtes à l'aide de Cordova 3.3+ et n'avez pas de périphérique physique avec 4.4, vous pouvez utiliser un émulateur qui utilise Android 4.4+ pour exécuter l'application grâce à l'émulateur, sur votre ordinateur de bureau.

    • Exécuter votre Cordova application sur le périphérique ou l'émulateur
    • Dans google Chrome sur votre ordinateur de bureau, entrez chrome://inspecter/#périphériques dans la barre d'adresse
    • Votre appareil/émulateur sera affichée avec toute autre reconnu les périphériques qui sont connectés à votre ordinateur, et en vertu de votre appareil, il y aura des détails de la Cordoue "WebView' (en gros votre Cordova app), qui est en cours d'exécution sur l'appareil/l'émulateur (la façon Cordova fonctionne, c'est que fondamentalement, ça crée un "navigateur" fenêtre sur votre appareil/émulateur, dans laquelle il y a un "WebView" qui est l'exécution de votre code HTML/JavaScript app)
    • Cliquez sur "inspecter" le lien sous "WebView" de la section où vous voyez votre appareil/émulateur répertoriés. Cela amène les outils de développement Chrome qui permet de déboguer votre application.
    • Sélectionnez l'onglet 'sources' du Chrome developer tools pour afficher le JavaScript de votre Cordova application sur le périphérique/émulateur est actuellement en cours d'exécution. Vous pouvez ajouter des points d'arrêt dans le code JavaScript qui permettent de déboguer votre code.
    • Aussi, vous pouvez utiliser la "console" de l'onglet pour afficher toutes les erreurs (qui sera affiché en rouge), ou au bas de la console, vous verrez une " >' invite. Ici, vous pouvez taper toutes les variables ou les objets (par exemple, les objets DOM) que vous voulez inspecter la valeur actuelle et la valeur sera affichée.
    • Ceci est une excellente option. J'ai trouvé que xamarin.com/android-player fonctionne très bien et a été conçu à des fins de débogage et prend en charge le protocole USB. Ce que j'ai fait était d'aller dans mon émulé android les paramètres et activer USB en suivant les instructions, assurez-vous de sélectionner l'application que vous souhaitez déboguer (dans mon cas, j'ai débogué avec le navigateur par défaut) une Fois que vous avez terminé, ouvrez le navigateur par défaut sur le émulé android, puis hop retour sur votre Chrome DevTools inspecter les Appareils de la fenêtre. Le navigateur s'affiche dans la liste avec une belle liste d'onglets à inspecter. Un pur moment de bonheur!
    InformationsquelleAutor Chris Halcrow
  9. 1

    Vous pouvez essayer YConsole un js console intégrée. Il est léger et simple à utiliser.

    • Attraper les journaux et les erreurs.
    • L'éditeur d'objets.

    Comment utiliser :

    <script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>
    InformationsquelleAutor yorg
  10. 1

    J'ai installé la console de add-on de firefox (https://addons.mozilla.org/en-US/android/addon/console/) sur mon navigateur firefox sur android, et cela a fonctionné assez bien. M'a aidé à déboguer mon angular2 app.

    InformationsquelleAutor Sacky San
  11. 0

    Si vous n'avez pas l'esprit de réexpédition dans le cadre d'un 3ème partie serveur, JSConsole est plutôt utile débogueur distant de JavaScript.

    InformationsquelleAutor merv
  12. 0

    J'ai récemment écrit un outil pour montrer les journaux de la console dans un meuble/redimensionnable "fenêtre" (en fait un div). Il fournit des fonctionnalités similaires à celles de la console de Firebug mais vous pouvez le voir sur votre page sur une tablette. Tablette/Smartphone/Phablet Console De Débogage

    InformationsquelleAutor Gus T Butt
  13. 0

    J'ai aussi regardé pour une simple console de remplacement, juste pour vider le texte. Donc, ce que j'ai fait cette fonction:

    function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

    La distance PHP fichier enregistré toutes les données de sortie à une base de données dans arg. Il m'a fallu 5 minutes (OK, sur le côté serveur, j'ai utilisé une simple bibliothèque de journalisation qui enregistre et affiche des messages texte, mais encore...).

    InformationsquelleAutor Moshe Shaham
  14. 0

    Sur 2013-12-03 Google a lancé google Chrome DevTools pour Mobile, qui permet aux développeurs de de débogage à distance applications web mobiles via émulation et écran-casting avec Zéro Configuration.

    Pour toutes les fonctionnalités, la caisse Paul Irish parler sur YouTube.

    • L'utilisateur est expressément demander à propos de l'ancien, 2.x navigateur Android, pas de Chrome. Hélas il y a beaucoup de vieux téléphones.
    • vous dites vous ne pouvez pas débogage à distance 2.x basé sur Android en utilisant les Dernières Chrome dev tools?
    • C'est correct. Chrome dev outils de travail uniquement avec Chrome pour Android, pas le Navigateur Android. Android Navigateur n'apparaît pas sous chrome://inspecter/#périphériques.
    InformationsquelleAutor Farm
  15. 0

    Essayer js-mobile-console

    MobileConsole peut être intégré dans n'importe quelle page pour le débogage. Il permettra de repérer les erreurs et de se comporter exactement comme le natif console JavaScript dans le navigateur. Il génère également tous les journaux que vous avez écrit via une API de la fenêtre.console.

    InformationsquelleAutor stevemao