2010-12-15 79 views
3

Je sais qu'il y a une variété de débogueurs HTML5 (comme dans Dreamweaver), une vareité de JavaScript (comme JSLint), et des débogueurs CSS (comme Firebug), mais y a-t-il un seul programme qui déboguera mon HTML5, JS et CSS? Et est-ce gratuit?Existe-t-il un seul débogueur HTML5, JavaScript et CSS?

+4

Vous seriez mieux reformuler cette question: « Y at-il un environnement de développement intégré (IDE) qui contient un débogueur JavaScript et CSS pour mon HTML5, JavaScript et CSS projets? » – Arafangion

Répondre

2

Pour des choses comme ça, j'utilise simplement les outils intégrés dans Chrome, ou Firebug dans Firefox si vous balancez de cette façon. C'est très pratique pour le débogage de JS et CSS, mais pas sur le HTML5.

10

Ils vous permettent de déboguer JS, examiner CSS et HTML, et ils sont tous gratuits.

Je préfère ceux sur les débogueurs intégrés IDE car ils sont généralement implémentés en utilisant firefox et vous n'avez pas de chance si vous avez un problème de webkit/IE. Peut-être qu'un jour, les IDEs vous permettront de déboguer en utilisant n'importe quel navigateur, jusque là, j'utilise l'IDE juste pour éditer le code. Oui, je sais, pas aussi intégré, mais c'est tout ce que nous avons pour l'instant.

0

Vous pourriez aimer WebStorm de JetBrains. Ce n'est pas gratuit, mais les frais sont symboliques.

+0

J'adore WebStorm (PHPStorm actuall), mais il ne fournit pas vraiment de débogage HTML ou CSS. Il va déboguer en utilisant FF, mais je ne l'ai pas compris mon code source puisqu'il ne correspond pas 1 à 1 avec l'emplacement déployé. –

0

Microsoft Visual Web Developer Express peut vous aider avec toutes ces fonctionnalités et est gratuit.

0

Dans Google Chrome vous pouvez juste un clic droit, Inspecter l'élément puis cliquez sur

0

Je viens de publier un outil qui vous permet de visualiser votre HTML/mise en page CSS en déplaçant simplement la souris. Il ne fait pas tout, mais c'est facile et c'est génial pour voir les problèmes de mise en page.

HTML Box Visualizer - GitHub