web-dev-qa-db-fra.com

Débogage de JavaScript dans IE7

J'ai besoin de déboguer JavaScript dans Internet Explorer 7.

Malheureusement, son débogueur par défaut ne me fournit pas beaucoup d'informations. Il me dit la page sur laquelle l'erreur est apparue (pas le script spécifique) et me donne un numéro de ligne. Je ne sais pas si cela est lié à mon problème.

Ce serait bien si cela pouvait réduire l'erreur à un numéro de ligne sur un script spécifique (comme peut le faire Firebug).

Existe-t-il un addon pour déboguer JavaScript dans IE7 comme Firebug le fait dans Firefox?

Je vous remercie!

Voir également:

IE7 a-t-il un “mode développeur” ou un plugin comme Firefox/Chrome/Safari?

160
alex

Web Development Helper est très bon.

La barre d'outils IE Dev est souvent utile, mais malheureusement, elle ne fait pas de débogage de script.

90
Bob

La dure vérité est que: le seul bon débogueur pour IE est Visual Studio.

Si vous n'avez pas d'argent pour la vraie affaire, téléchargez gratuitement Visual Web Developer 2008 Express EditionVisual Web Developer 2010 Express Edition . Tandis que le premier vous permet d'attacher le débogueur à IE en cours d'exécution, le dernier ne le fait pas (du moins les versions précédentes que j'utilisais ne le permettaient pas). Si c'est toujours le cas, l'astuce consiste à créer un projet simple avec une page Web vide, "l'exécuter" (il lance le navigateur), accédez maintenant à la page que vous souhaitez déboguer et démarrez le débogage.

Microsoft donne Visual Studio complet sur différents événements, généralement avec des restrictions de licence, mais ils permettent de bricoler à la maison. Vérifiez leur calendrier et la liste des cadeaux.

Autre astuce: essayez d’abord de déboguer votre application Web avec d’autres navigateurs. J'ai eu un grand succès avec Opera. D'une certaine manière, l'émulation de IE et de ses bogues) par Opera était assez proche, mais le débogueur est bien meilleur.

41
Eugene Lazutkin

vous voudrez peut-être essayer débogueur de script Microsoft c'est assez vieux, mais c'est assez utile dans le sens où vous tombez sur une erreur javascript, le débogueur apparaîtra pour vous montrer quelle ligne est gâchée. cela peut être parfois irritant lorsque vous surfez normalement, mais vous pouvez l'éteindre.

voici un bon point de départ pour utiliser cet outil également. HOW-TO: Déboguer JavaScript dans Internet Explorer

32
melaos

J'ai trouvé DebugBar .

Pas aussi bon que Firebug, mais proche.

27
alex

Dans IE7, vous pouvez faire apparaître Firebug Lite pour la page actuelle en collant les éléments suivants dans la barre d'adresse:

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Voir http://getfirebug.com/lite.html .

25
Marc

Microsoft Script Editor est en effet une option, et parmi celles que j'ai essayées, l'une des plus stables - le débogueur dans IE8 est génial, mais pour une raison quelconque, lorsque je lance les outils de développement, il faut un certain temps à IE8, parfois jusqu'à minute, pour inspecter l'arborescence DOM de ma page. Et ensuite, il semble vouloir le faire à chaque rafraîchissement de page, ce qui est une torture.

Vous pouvez inspecter le contenu des variables dans Microsoft Script Editor: si vous fouillez sous Debug> Window, vous pouvez activer l'inspection de variables locales, regarder, etc.

L’autre option, Visual Web Dev, bien que volumineuse, fonctionne relativement bien. Pour le configurer, procédez comme suit (volé de ici ):

  1. Le débogage doit être activé dans IE. Allez dans Outils> Options Internet> Avancé et vérifiez que Désactiver le débogage de script (Internet Explorer) est décochée et Afficher une notification à propos de chaque erreur de script est cochée
  2. Créer un nouveau projet Web vide dans VWD
  3. Cliquez avec le bouton droit de la souris sur le site dans l'explorateur de solutions en haut à droite, accédez à Parcourir avec et assurez-vous que votre navigateur par défaut est défini sur IE (il est raisonnable de supposer que vous êtes un développeur Web). IE est pas votre navigateur par défaut, auquel cas ce ne sera pas celui par défaut .. par défaut)
  4. Hit F5, IE va s'ouvrir. Naviguez jusqu'à la page que vous souhaitez déboguer.
  5. VWD s'ouvrira chaque fois que vous rencontrez une erreur de script ou si vous définissez un point d'arrêt dans l'un des fichiers JS. Déboguer!

[~ # ~] mise à jour [~ # ~] : Au fait, si vous rencontrez les mêmes ralentissements que moi avec le débogueur d'IE8, sinon correct, il y a une solution de contournement - si vous rencontrez ou faites IE rencontrez une erreur afin que le dialogue "Voulez-vous déboguer" apparaisse-t-il et que vous cliquiez sur Oui, le débogueur sera affiché assez rapidement. Il On dirait que si vous passez directement au mode de débogage, les outils de développement n’inspectez jamais le DOM, c’est seulement lorsque vous appuyez sur la touche F12.

7
dmkc

Microsoft Script Editor peut être utilisé pour déboguer Javascript dans IE. Il est moins bogué que Microsoft Script Debugger mais a les mêmes fonctionnalités de base, qui sont malheureusement assez limitées à l’exécution. Je n'arrive pas à inspecter des variables ou des trucs pratiques comme ça. En outre, il est uniquement livré avec Office XP/2003 pour une raison étrange. Plus d'infos ici si vous êtes partant.

J'ai téléchargé Visual Web Developer 2008 Express Edition mentionné par Eugene Lazutkin mais je n'ai pas encore eu l'occasion de l'essayer. Je recommanderais d'essayer cela avant Script Editor/Debugger.

3
Kenny

Ce n'est pas un débogueur complet, mais mes extensions DP_DEBUG fournissent quelques fonctionnalités utiles (je pense) et elles fonctionnent dans IE, Firefox et Opera (9+).

Vous pouvez "vider" des représentations visuelles d'objets JavaScript complexes (même des objets système), effectuer une journalisation et une synchronisation simplifiées. Le composant fournit des méthodes simples pour l'activer ou le désactiver afin que vous puissiez laisser le débogueur en place pour le travail de production si vous le souhaitez.

DP_Debug

3
Jim Davis

IE8 a beaucoup amélioré les outils de développement. Jusque-là, il est préférable d'écrire d'abord javascript pour firefox, puis de déboguer IE en utilisant les instructions alert ().

3
Joel Coehoorn

Les outils de développement IE9 ont fonctionné pour moi. Il suffit de régler l’élément de menu "Browser Mode" sur IE7.

2
Peter Tseng

Hé, je suis tombé sur le même problème et j'ai trouvé l'application IETESTER . C'est assez génial, c'est une application qui a IE 5.5,6 et 7 inclus dans celle-ci. Peu importe la version IE que vous avez actuellement. Cela vous permet d'avoir plusieurs versions côte à côte.

Si vous activez le débogage javascript dans IE options et que Visual Studio soit installé, vous pouvez même déboguer le javascript dans VS avec toutes les options de débogage disponibles (surveillances, points d'arrêt conditionnels, etc.).

Si vous voulez commencer le débogage avant qu’une erreur ne se produise, vous devez simplement mettre la ligne

debugger;

dans votre code JS et cela vous amène dans VS pour commencer le débogage après cette instruction.

C'est absolument incroyable pour moi de tester la compatibilité ascendante du code JS.

1
Jose

Si vous avez encore besoin de déboguer IE 7, le mode d'émulation de IE 11 fonctionne assez bien.

Allez dans le menu: Outils de développement, puis sur émulation et configurez-le. Il donne également des informations sur la ligne d'erreur.

0
Erdal G.

Utilisez Internet Explorer 8. Essayez ensuite l’outil de développement. Vous pouvez déboguer en fonction de IE 7 également en mode de compatibilité).

0
Joberror

L'exécution de votre code via un outil d'analyse Javascript statique tel que JSLint peut intercepter certaines erreurs IE7 courantes, telles que les virgules de fin dans les définitions d'objet.

0
Ian Mackinnon

La réponse est simple.

  1. Obtenez Internet Explorer 9
  2. Appuyez sur F12 pour charger les outils de développement.
  3. Basculez le mode du navigateur sur IE7

switching the browser mode on IE9

0
desbest
0
slf

Les outils de développement IE8 peuvent passer en mode IE7enter image description here

0
Viktor