Question

J'utilise beaucoup Firebug et la console Mozilla JS, mais de temps en temps je rencontre un bug JavaScript uniquement IE, qui est vraiment difficile à localiser (ex : erreur à la ligne 724, lorsque le HTML source ne comporte que 200 lignes).

J'adorerais avoir un outil JS léger (à la firebug) pour Internet Explorer, quelque chose que je peux installer en quelques secondes sur le PC d'un client si je rencontre une erreur puis le désinstalle.Certains outils Microsoft nécessitent un temps de téléchargement et de configuration important.

Des idées?

Était-ce utile?

La solution

Vous pourriez trouver Firebug Lite utile pour ça.

Son bookmarklet devrait être particulièrement utile lors du débogage sur la machine d'un utilisateur.

Autres conseils

Depuis Internet Explorer 8, IE propose un ensemble d'outils assez impressionnant pour le débogage, le profilage et bien plus encore.Comme la plupart des autres navigateurs, les outils de développement sont accessibles en appuyant sur F12 sur votre clavier.

Onglet Script

L'onglet Script est probablement ce qui vous intéressera, bien que les onglets Console, Profileur et Réseau soient également très utiles lors du débogage des applications.

enter image description here

Depuis l'onglet Script, vous pouvez :

  • Formatez JavaScript pour le rendre plus lisible
  • Passer de source en source de diverses ressources sur la page
  • Insérer des points d'arrêt
  • Déplacez-vous dans et sur les lignes de code tout en parcourant son exécution
  • Regarder les variables
  • Inspectez la pile d'appels pour voir comment le code a été exécuté
  • Basculer les points d'arrêt
  • et plus...

Onglet Console

L'onglet console est idéal lorsque vous devez exécuter du code arbitraire sur l'application.Je l'utilise pour vérifier le retour de certaines méthodes, ou même pour tester rapidement des solutions de réponses sur Stack Overflow.

enter image description here

Onglet Profileur

Le profil est génial si vous recherchez des processus de longue durée ou si vous essayez d'optimiser votre code pour qu'il s'exécute plus facilement ou que vous fassiez moins d'appels à des méthodes gourmandes en ressources.Ouvrez n'importe quelle page et cliquez sur "Démarrer le profilage" dans l'onglet Profileur pour démarrer l'enregistrement.

Pendant que le profileur fonctionne, vous pouvez vous déplacer sur la page en effectuant des actions courantes.Lorsque vous sentez que vous avez suffisamment enregistré, appuyez sur « Arrêter le profilage ». Vous verrez alors un résumé de toutes les fonctions exécutées, ou une arborescence d'appels.Vous pouvez trier rapidement ces données selon différentes colonnes :

enter image description here

Onglet Réseau

L'onglet réseau enregistrera le trafic sur votre site/application.C'est très pratique pour rechercher des fichiers qui ne sont pas téléchargés, bloqués ou pour suivre les données demandées de manière asynchrone.

Dans cet onglet, vous pouvez également passer d'une vue Résumé à une vue Détaillée.Dans la vue détaillée, vous pouvez inspecter les en-têtes envoyés avec les demandes et les réponses.Vous pouvez afficher les informations sur les cookies, vérifier le calendrier des événements, et bien plus encore.

enter image description here

Je ne rends pas vraiment justice aux outils de développement IE - il y a beaucoup de terrain à découvrir.Je vous encourage cependant à les consulter et à les intégrer à votre développement.

je recommanderais Compagnon JS.

Ceci est la version gratuite de Barre de débogage mais je le trouve plus facile à utiliser et je dispose des fonctionnalités dont j'ai besoin.Idéal pour tester de petits extraits de code JavaScript dans IE de la même manière que je le fais avec Firebug dans Firefox.

EDIT 5 ans plus tard:J'utilise désormais les outils de développement intégrés d'Internet Explorer.

IE 8 est censé avoir de meilleurs outils, mais la barre d'outils du développeur IE est plutôt bonne.

j'utilise les deux Débogueur de scripts Microsoft et FireBug Lite, en fonction de ce que je débogue.Les deux sont d'excellents outils : essayez-les tous les deux et cousez avec ce avec quoi vous êtes à l'aise.

Dans IE8, appuyez simplement sur F12 !

  1. Allez dans Outils->Options Internet…->Avancé->Activer le débogage de script (Internet Explorer)

puis attachez Visual Studio Debugger lorsqu’une erreur se produit.

Si vous utilisez IE 8, installez la barre d'outils du développeur car elle dispose d'un débogueur intégré.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top