Est-il quelque chose comme “Firebug pour IE” (pour le débogage JavaScript)?

Je suis en train de corriger quelques bugs JavaScript. Firebug permet de déboguer ces questions beaucoup plus facile lorsque l'on travaille dans Firefox, mais que voulez-vous faire lorsque le code fonctionne très bien sur Firefox, mais IE est de se plaindre?

InformationsquelleAutor Cristian | 2008-08-12
  1. 23

    vous pouvez aussi consulter les IE Barre d'outils du Développeur ce qui n'est pas un débogueur, mais vous aidera à analyser le contenu de votre code.

    Visual Studio aidera avec le débogage

    Fiddler devrait aider à analyser le trafic à destination et en provenance de votre navigateur

    • Lien mis à jour pour IE Barre d'outils du Développeur: microsoft.com/downloads/en/...
    • Bien que ces sont sans doute les meilleurs outils pour IE, ils sont toujours les ordures par rapport à Firebug. L'incapacité de faire un clic droit sur un élément d'une inspecter c'est DOM et CSS le seul fait de tous ces outils de près sans valeur.
    InformationsquelleAutor lomaxx
  2. 13

    Vous pouvez essayer Firebug Lite ou de l'utilisation de Visual Studio pour déboguer le code JavaScript.

    InformationsquelleAutor Lance Fisher
  3. 11

    Depuis Internet Explorer 8, internet explorer a été l'expédition avec un outil intégré pour le débogage, le dépannage, et généralement aider dans le développement de vos pages/applications. Vous pouvez accéder à ces outils en appuyant sur F12, tandis que dans le navigateur.

    Onglet HTML

    L'onglet HTML vous permettra de coup d'oeil dans les DOM comme le navigateur le comprend. À mesure que vous sélectionnez des éléments à partir de l'affichage HTML, leurs styles seront détaillées sur la droite, avec ses propres règles ont la capacité à être activé et désactivé. Vous pouvez également modifier les règles, et de déterminer si les styles sur l'élément ont été héritées, ou attribué explicitement. En outre, vous pouvez même dire lequel .fichier css dont ils sont originaires.

    Est-il quelque chose comme “Firebug pour IE” (pour le débogage JavaScript)?

    Il y a un peu plus, vous pouvez le faire dans l'onglet HTML, tels que d'examiner et de modifier les attributs des éléments, et même apporter des modifications à la présentation de l'élément dans la section mise en page. En outre, vous pouvez faire les modifications directement sur le balisage afin de tester rapidement quelques idées structurelles.

    Onglet Script

    Pour résoudre JavaScript questions, vous pouvez regarder la Console et la Balise de Script. Si votre script bute sur un appel à une méthode non définie, vous serez averti à l'intérieur de votre console. La console vous permet également d'exécuter JavaScript arbitraire à l'encontre de votre page, si vous souhaitez activer les éléments sur ou hors tension, ou d'essayer de lier un gestionnaire à un bouton.

    L'onglet Script idéal aussi bien qu'il va formater votre JavaScript pour vous, vous permettent d'insérer des points d'arrêt, pas dans et sur les blocs de code, et de surveiller les variables au fil du temps.

    Est-il quelque chose comme “Firebug pour IE” (pour le débogage JavaScript)?

    Si vous avez utilisé Firebug, ou même le Webkit de l'Inspecteur, les Outils de développement F12 dans Internet Explorer 8+ devriez être assez familier pour vous.

    • +1 pour les captures d'écran pour les débutants
    • si vous avez utilisé firebug vous haïssez explorer encore plus
    • Il est vrai que les Outils de développement F12 ont laissé beaucoup à désirer, mais ils ont été assez puissant quand il est bien utilisé. IE11 est livré avec un nouvel ensemble d'outils de trop, qui sont à la fois esthétiquement revitalisé et encore plus puissant qu'avant.
    • tout dépend de ce que vous essayez de faire. La puissance n'est pas tout
    • Qu'est-ce que vous essayez de faire que vous trouvez difficile avec la IE11 Outils de développement?
    • IE11 n'est pas la production de encore. Im en utilisant 10, et à la volée css changements est absolument terrible
    • Ce que, précisément, êtes-vous frustré avec? Je suis en train de faire un exposé sur les outils de développement plus tard cette année et nous aimerions connaître votre expérience.
    • Plus précisément, j'ai eu une question css sous IE seulement. Donc, je voulais jouer en live avec le css, j'ai donc pu voir les règles qui je devrais changer pour le fixer. Il a un bouton qui est apparu seulement sur le vol stationnaire. Firebug style:hover, je ne pourrais pas trouver. Il a donc un travail dans le code pour trouver les classes, et le css n'est pas répertorié comme une cascade, j'ai donc dû faire défiler toute la css et quand je l'ai changé, pour pointer pour voir l'effet. Mais je ne pourrais pas même de changer le css. Et puis répétez. Des épingles dans les yeux. Je pense essayer quelque chose comme ça sur les deux et de comparer vous-même.
    • obtenu 8.1 avec IE11 & oui les dev outil est beaucoup mieux. Encore ne peux pas le voir comment regarder seulement hover, et où voir les autres versions IE aller? Mon hack ne fonctionne pas sur IE11, ni ne IE11 lire css correctement si tous les autres navigateur est quelque chose aller près.
    • Vous pouvez consulter d'autres versions IE (rappelez-vous, c'est de l'émulation, et pas toujours précis à 100%) dans l'Émulation de Groupe (Ctrl+8). Comme pour la lecture CSS correctement, c'est à dire les tentatives de suivre le cahier des charges plutôt que les autres navigateurs, si vous venez dans un lieu où IE est mal interpréter votre CSS, s'il vous plaît laissez-moi savoir. J'aimerais travailler avec vous à la documentation de ces exemples, et de trouver des solutions de rechange ou de bogues.
    • ctrl+8 - super merci. Qui ressemble à un outil formidable. Uniquement sur la base que le css fonctionne, j'ai d'autres navigateurs, et ils ont également suivre les règles, c'est probablement à explorer, mais je peux me tromper. Que faites-vous de ce que vous voulez de documenter des exemples d'explorer ne fonctionne pas?
    • Je suis un développeur web qui aime la résolution de la croix-navigateur compat questions. En outre, je suis un Utilisateur d'internet explorer Agent, ce qui signifie que je faire du bénévolat pour aider les développeurs web faire de leurs projets de travail dans Internet Explorer, et régulièrement parler avec les ingénieurs de Microsoft à améliorer leurs produits.

    InformationsquelleAutor Sampson
  4. 6

    Firebug lite ne fonctionne pas trop bien pour moi. La Barre d'outils du Développeur n'est tout simplement pas assez bon. Il n'y a vraiment pas de solution idéale.

    InformationsquelleAutor EndangeredMassa
  6. 4

    Ont un coup d'oeil à DebugBar. La licence est gratuit pour un usage personnel

    • pas sûr que c'est vrai
    InformationsquelleAutor Christian Hagelid
  7. 2

    Pour l'Inspecteur DOM, essayez de le Internet Explorer Barre D'Outils Du Développeur.

    Pour l'onglet Net, essayez de Fiddler.

    Pour le débogage Javascript, essayez Visual Web Developer 2008 Express Edition. (Ou une édition supérieure de Visual Studio)

    Aussi, essayez de DebugBar.

    InformationsquelleAutor SLaks
  8. 1

    Visual Studio 2008 peut faire débogage JavaScript, vous devez aller pour IE Outils->Options Internet->Avancé et décochez la case "Désactiver le Débogage des scripts (Internet Explorer)" pour que le navigateur à remonter les erreurs qu'il détecte.

    Une fois que vous êtes dans Visual Studio en gros, vous avez toute débogage de l'arsenal à votre disposition. Ce n'est pas intégrée comme Firebug, mais c'est mieux que tout ce que nous avons l'habitude d'avoir.

    InformationsquelleAutor Wally Lawless
  9. 1

    je pense qu'il est préférable que vous devez d'abord installer la base d'ie addon de firefox puis de charger la page avec ie addon et appuyez sur la touche f12.
    bonne chance.

    InformationsquelleAutor f.n174
  10. 1

    Faire un signet dans la barre de favoris, et de mettre cette adresse URL:

    javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

    Puis navigatge à la page que vous souhaitez et cliquez sur le lien. Firebug Lite/ouvrir...

    InformationsquelleAutor Jon
  11. 0

    La IE8 bêta vient avec ce que je pense est la IE barre d'outils du Développeur, mais il semble être un beaucoup plus puissant que la dernière fois que j'ai essayé de la barre d'outils sur IE7

    InformationsquelleAutor Orion Edwards
  12. 0

    Je suppose que cette question a été postée avant la IE8 final est sorti, selon tho certaines des réponses.

    Ces jours-ci, IE8 est intégré les Outils de développement sont grandes; et tandis que le JS de débogage n'est pas aussi utile que Visual Studio les Outils de Dev en général beaucoup mieux que Firebug, à mon avis. Entre ça et le mode de Compatibilité de Navigateur en Mode je peux gérer tout mon IE6 besoins de développement.

    • Non, je suis complètement en désaccord parce que le mode de compatibilité ne fonctionne pas. Au travail, nous avons essayé d'utiliser IE9 avec le mode de compatibilité ensemble pour IE8 et il ne peut pas se comporter comme IE8 pour l'aspect le plus important que nous avons affaire. Je ne pense pas que le développeur de l'outil est mieux que Firebug, mais c'est différent.
    InformationsquelleAutor Coxy
  13. 0

    J'ai trouvé une solution à ce problème, vous pouvez simplement coller cette étiquette à la page que vous essayez de déboguer et il va ouvrir firebug:

    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

    Explication de https://getfirebug.com/firebuglite#Stable

    InformationsquelleAutor 7dr3am7
  14. 0

    Si vous êtes passionné par le Développeur Front-end, donner AJAX Édition d'une course d'essai:

    http://www.compuware.com/application-performance-management/ajax-performance-testing.html

    C'est un outil gratuit qui permet aux utilisateurs de comprendre ce qui est à l'origine de rendement et de fonctionnement liées à des problèmes dans moderne AJAX/Applications web.

    InformationsquelleAutor Matt Zanderigo
  15. 0

    Dans internet explorer, allez à la barre de menu->Outils
    Sélectionnez Outils Du Débogueur
    Tapez F12 et en profiter.
    Il est loin d'être le Feu d'un Bug, mais convenable pour une aide rapide

    InformationsquelleAutor Sergey T
  16. 0

    Il y a toujours un moyen de contourner ce problème, regardez la vidéo et vous serez en mesure d'installer firebug dans 2 minutes.

    installer firebug sur ie

    Bonne chance

    • Notez que le lien-seules réponses sont découragés, de SORTE que les réponses devraient être le point final d'une recherche d'une solution (contre encore une autre escale de références, qui a tendance à devenir obsolètes au fil du temps). Veuillez considérer l'ajout d'un stand-alone synopsis ici, en gardant le lien comme référence.
    InformationsquelleAutor Digital site