Outils de développement

  • Raccourci de la révision : Outils
  • Titre de la révision : Outils
  • ID de la révision : 59787
  • Créé :
  • Créateur : julienw
  • Version actuelle ? Non
  • Commentaire 172 words added

Contenu de la révision

{{ Traduction_en_cours("Tools") }}

Développement Web

Directement inclus dans Firefox

Ces outils sont inclus directement dans Firefox!

Ardoise JavaScript {{ gecko_minversion_inline("6.0") }}
Un éditeur de texte inclus dans Firefox, qui vous permet d'éditer et d'exécuter du code JavaScript.
Console Web {{ gecko_minversion_inline("2.0") }}
Une console qui vous permet d'afficher de l'information de manière interactive, d'exécuter du code JavaScript, et d'expérimenter avec votre contenu.
Inspecteur {{ gecko_minversion_inline("10.0") }}
Un outil utile qui vous montre l'arbre HTML au niveau de l'élément que vous pointez avec la souris.
Éditeur de Style {{ gecko_minversion_inline("11.0") }}
Cet outil vous permet d'éditer des styles CSS directement dans la page courante, en temps réel. De plus, vous pouvez les activer et les désactiver à la volée. C'est un outil fantastique pour travailler en temps réel avec le style du contenu web !
Extensions
Venkman
Venkman est le débogueur JavaScript. JavaScript debugger provides a powerful JavaScript debugging environment for Mozilla based browsers.
Inspecteur DOM
A developer tool used to inspect, browse, and edit the DOM of documents - usually web pages or XUL windows.
Web Developer
L'extension Web Developer, une barre d'outils pour Firefox Adds a menu and a toolbar to the browser with various web developer tools. (details)
Aardvark
L'extension Aardvark (révèle les éléments DOM survolés par le pointeur sur une page)
Reveals DOM elements as you scrub the mouse over a page. (details)
Firebug
Intègre une multitude d'outils de developpement pour éditer, debugger, et surveiller CSS, HTML, and JavaScript directement dans n'importe quelle page web (details)
Plus d'extensions sur AMO

 

Validateurs
Liste de validateurs
Logiciels de création Web
Outils d'édition respectueux des standards
HTMLTidy - Un outil de nettoyage de code HTML

JavaScript

Venkman - débogueur JavaScript.
JSLint - Vérification et validation code Javascript.
JSDoc
outil de génération de documentation (généralement en HTML) depuis les commentaires du code (similaire à JavaDoc).

DOM

Inspecteur DOM
MODI
Mouseover DOM Inspector est un bookmarklet permettant de voir et de manipuler le DOM d'une page Web simplement en déplaçant le pointeur de la souris dans le document.

Localisation

Outils de localisation

Gestion d'arbres et de branches

Script cross-commit

 

Categories

Interwiki Language Links

 

{{ languages( { "en": "en/Tools", "ja": "ja/Tools", "pl": "pl/Narz\u0119dzia" } ) }}

Source de la révision

<p>{{ Traduction_en_cours("Tools") }}</p>
<table class="topicpage-table"> <tbody> <tr> <td> <h4 id="D.C3.A9veloppement_Web" name="D.C3.A9veloppement_Web">Développement Web</h4> <h5 id="Directement_inclus_dans_Firefox">Directement inclus dans Firefox</h5> <p>Ces outils sont inclus directement dans Firefox!</p> <dl> <dt><a href="/fr/Outils/Ardoise" title="Ardoise">Ardoise JavaScript</a> {{ gecko_minversion_inline("6.0") }}</dt> <dd>Un éditeur de texte inclus dans Firefox, qui vous permet d'éditer et d'exécuter du code JavaScript.</dd> <dt><a href="/fr/Utiliser_la_Console_Web" title="fr/Utiliser_la_Console_Web">Console Web</a> {{ gecko_minversion_inline("2.0") }}</dt> <dd>Une console qui vous permet d'afficher de l'information de manière interactive, d'exécuter du code JavaScript, et d'expérimenter avec votre contenu.</dd> <dt><a href="/fr/Outils/Inspecteur" title="fr/Outils/Inspecteur">Inspecteur</a> {{ gecko_minversion_inline("10.0") }}</dt> <dd>Un outil utile qui vous montre l'arbre HTML au niveau de l'élément que vous pointez avec la souris.</dd> <dt><a href="/fr/Outils/Éditeur_de_Style" title="fr/Outils/Éditeur_de_Style">Éditeur de Style</a> {{ gecko_minversion_inline("11.0") }}</dt> <dd>Cet outil vous permet d'éditer des styles CSS directement dans la page courante, en temps réel. De plus, vous pouvez les activer et les désactiver à la volée. C'est un outil fantastique pour travailler en temps réel avec le style du contenu web !</dd> </dl> <h5 id="Extensions" name="Extensions">Extensions</h5> <dl> <dt><a href="/fr/Venkman" title="fr/Venkman">Venkman</a></dt> <dd>Venkman est le débogueur JavaScript. JavaScript debugger provides a powerful JavaScript debugging environment for Mozilla based browsers.</dd> <dt><a href="/fr/Inspecteur_DOM" title="fr/Inspecteur_DOM">Inspecteur DOM</a></dt> <dd>A developer tool used to inspect, browse, and edit the DOM of documents - usually web pages or XUL windows.</dd> </dl> <dl> <dt><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer</a></dt> <dd>L'extension Web Developer, une barre d'outils pour Firefox Adds a menu and a toolbar to the browser with various web developer tools. (<a class="external" href="http://chrispederick.com/work/web-developer/">details</a>)</dd> </dl> <dl> <dt><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/4111">Aardvark</a></dt> <dd>L'extension Aardvark (révèle les éléments DOM survolés par le pointeur sur une page)</dd> <dd>Reveals DOM elements as you scrub the mouse over a page. (<a class="external" href="http://www.karmatics.com/aardvark/">details</a>)</dd> </dl> <dl> <dt><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a></dt> <dd>Intègre une multitude d'outils de developpement pour éditer, debugger, et surveiller CSS, HTML, and JavaScript directement dans n'importe quelle page web (<a class="external" href="http://www.getfirebug.com/">details</a>)</dd> </dl> <dl> <dt><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/browse/type:1/cat:4">Plus d'extensions sur AMO</a></dt> </dl> <p> </p> <h5 id="Validateurs" name="Validateurs">Validateurs</h5> <dl> <dt><a href="/fr/Outils/Validateurs" title="fr/Outils/Validateurs">Liste de validateurs</a></dt> </dl> <h5 id="Logiciels_de_cr.C3.A9ation_Web" name="Logiciels_de_cr.C3.A9ation_Web">Logiciels de création Web</h5> <dl> <dt><a href="/fr/Outils_d'édition_respectueux_des_standards" title="fr/Outils_d'édition_respectueux_des_standards">Outils d'édition respectueux des standards</a></dt> <dt><a class="external" href="http://tidy.sourceforge.net/">HTMLTidy</a> - Un outil de nettoyage de code HTML</dt> </dl> </td> <td> <h4 id="JavaScript" name="JavaScript">JavaScript</h4> <dl> <dt><a href="/fr/Venkman" title="fr/Venkman">Venkman</a> - débogueur JavaScript.</dt> <dt><a class="external" href="http://www.jslint.com/">JSLint</a> - Vérification et validation code Javascript.</dt> <dt><a class="external" href="http://jsdoc.sourceforge.net/">JSDoc</a></dt> <dd>outil de génération de documentation (généralement en HTML) depuis les commentaires du code (similaire à JavaDoc).</dd> </dl> <h4 id="DOM" name="DOM">DOM</h4> <dl> <dt><a href="/fr/Inspecteur_DOM" title="fr/Inspecteur_DOM">Inspecteur DOM</a></dt> <dt><a class="external" href="http://slayeroffice.com/tools/modi/v2.0/modi_help.html">MODI</a></dt> <dd>Mouseover DOM Inspector est un bookmarklet permettant de voir et de manipuler le DOM d'une page Web simplement en déplaçant le pointeur de la souris dans le document.</dd> </dl> <h4 id="Localisation" name="Localisation">Localisation</h4> <dl> <dt><a class="external" href="http://www.mozilla.org/projects/l10n/mlp_tools.html">Outils de localisation</a></dt> </dl> <h4 id="Gestion_d.27arbres_et_de_branches" name="Gestion_d.27arbres_et_de_branches">Gestion d'arbres et de branches</h4> <dl> <dd><a href="/fr/Utilisation_de_cross_commit" title="fr/Utilisation_de_cross_commit">Script <code>cross-commit</code></a></dd> </dl> <p> </p> </td> </tr> </tbody>
</table>
<p><span class="comment">Categories</span></p>
<p><span class="comment">Interwiki Language Links</span></p>
<p> </p>
<p>{{ languages( { "en": "en/Tools", "ja": "ja/Tools", "pl": "pl/Narz\u0119dzia" } ) }}</p>
Revenir à cette révision