path: root/files/fr/mozilla/firefox/releases/22/index.html

---
title: Firefox 22 pour les développeurs
slug: Mozilla/Firefox/Releases/22
translation_of: Mozilla/Firefox/Releases/22
original_slug: Mozilla/Firefox/Versions/22
---
<div>{{FirefoxSidebar}}</div><p>Vous voulez aider à documenter Firefox 22 ? Parcourez la <a href="http://beta.elchi3.de/doctracker/#list=fx&amp;version=22.0">liste des bugs qui ont besoin d'être documentés</a> et lancez-vous !</p>

<h2 id="Changements_pour_les_développeurs_Web">Changements pour les développeurs Web</h2>

<h3 id="HTML">HTML</h3>

<ul>
 <li>L'élément HTML5 {{HTMLElement("data")}} a été implémenté ({{bug(839371)}}).</li>
 <li>Le type <code>range</code> de l'élément {{HTMLElement("input")}} (<code>&lt;input type="range"&gt;</code>) a été implémenté mais n'est seulement activé que dans les canaux Aurora et Nightly pour l'instant ({{bug(841948)}}).</li>
</ul>

<h3 id="JavaScript">JavaScript</h3>

<ul>
 <li>Les optimizations <a href="http://asmjs.org/spec/latest/">Asm.js</a> sont activées, rendant possible la compilation d'applications C / C++ vers un sous-ensemble Javascript pour de meilleures performances.</li>
 <li>La syntaxe ES6 <a href="/en-US/docs/JavaScript/Reference/arrow_functions" title="/en-US/docs/JavaScript/Reference/arrow_functions">Arrow Function</a> a été implémentée ({{bug(846406)}}).</li>
 <li>La nouvelle fonction <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is">Object.is </a>a été ajoutée ({{bug(839979)}}).</li>
</ul>

<h3 id="DOM">DOM</h3>

<ul>
 <li>Support de la propriété <code>multipart</code> avec <code>XMLHttpRequest</code>. Les réponses <code>multipart/x-mixed-replace</code> dans <code>XMLHttpRequest</code> ont été supprimées. C'était une fonctionnalité uniquement supportée par Gecko et jamais standardisée. Il est possible d'utiliser <a href="/en-US/docs/Server-sent_events" title="Server-sent_events">Server-Sent Events</a> et <a href="/en-US/docs/WebSockets" title="WebSockets">Web Sockets</a> ou d'inspecter la propriété <code>responseText</code> des <em>progress events</em> à la place.</li>
 <li>Le support des <a href="http://notifications.spec.whatwg.org/">Web Notifications</a> est activé par défaut. ({{bug(782211)}}).</li>
 <li>La méthode {{domxref("XMLHttpRequest/FormData", "FormData")}}  <code>append</code> accepte maintenant un troisième paramètre optionnel <code>filename</code> ({{bug(690659)}}).</li>
 <li>{{domxref("Node.isSupported")}} a été supprimé ({{bug(801562)}}).</li>
 <li>{{domxref("Node.setUserData")}} et {{domxref("Node.getUserData")}} ont été supprimés pour le contenu web et dépréciés pour le contenu chrome ({{bug(842372)}})</li>
 <li>Un backend Mac OS X pour {{domxref("DeviceLightEvent", "Ambient Light Events")}} a été implémenté.</li>
 <li>Les éléments du namespace HTML avec les noms locaux "bgsound", "multicol", et "image" n'utilisent plus l'interface <code>HTMLSpanElement</code>.  "bgsound" et "multicol" utilisent <code>HTMLUnknownElement</code> et "image" utilise <code>HTMLElement</code>.</li>
</ul>

<h3 id="CSS">CSS</h3>

<ul>
 <li>Le support de <a href="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="CSS/Tutorials/Using_CSS_flexible_boxes">CSS Flexbox layout</a> a été activé par défaut ({{bug("841876")}}).</li>
 <li>Le support de CSS Conditionals ({{cssxref("@supports")}} et {{domxref("CSS.supports")}}) ont été activés par défaut ({{bug("855455")}}).</li>
</ul>

<h2 id="Changements_pour_les_développeurs_Mozilla_et_développeurs_d'add-on">Changements pour les développeurs Mozilla et développeurs d'add-on</h2>

<ul>
 <li>Le paramètre <code>properties</code> a été supprimé des méthodes {{ifmethod('nsITreeView','getCellProperties')}}, {{ifmethod('nsITreeView','getColumnProperties')}} et {{ifmethod('nsITreeView','getRowProperties')}} de l'interface {{interface('nsITreeView')}}. Ces méthodes retourneront maintenant un string de noms de propriétés séparées par des espaces. ({{bug('407956')}})</li>
 <li>La méthode {{ifmethod('inIDOMUtils', 'getCSSPropertyNames')}} a été implémentée et retourne le nom de toutes les <a href="/en-US/docs/CSS/CSS_Reference" title="/en-US/docs/CSS/CSS_Reference">propriétés CSS</a> supportées.</li>
 <li>Voir <a href="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">tous les changements</a>.</li>
</ul>

<h3 id="Outils_pour_développeurs_de_Firefox">Outils pour développeurs de Firefox</h3>

<ul>
 <li><a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/">L'inspecteur de polices</a> montre quelles polices sur votre ordinateur ont été appliquées sur cette page.</li>
 <li>Le mode d'affichage de rendu visuel montre quand et où une page est re-rendue.</li>
 <li>Les outils pour développeurs peuvent maintenant être affichés à droite d'une fenêtre et plus seulement en bas.</li>
 <li>Certains onglets des outils pour développeurs sont passés de <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=875727">XUL à HTML</a>. Par exemple, l'onglet présentant les règles css fait maintenant partie de chrome://browser/content/devtools/cssruleview.xhtml, et pas de  <span class="comment-copy"><code>cssruleview.xul</code></span>. Au lieu d'ajouter une couche pour ajouter des fonctionnalités directement sur ces onglets, vous pouvez ajouter une couche et la lier par script au document xul externe afin d'ajouter des écouteurs d'événements et de changer ces documents html.</li>
 <li>L'affichage en pile est maintenant affiché en fil d'Ariane en haut de l'onglet et la liste des scripts est maintenant sur la gauche du débuggeur.</li>
</ul>

<h2 id="A_voir_aussi">A voir aussi</h2>

<ul>
 <li><a href="http://www.mozilla.org/en-US/firefox/22.0beta/releasenotes/">Notes de version de Firefox 22 Beta</a></li>
 <li><a href="/en-US/docs/Site_Compatibility_for_Firefox_22">Compatibilité des sites avec Firefox 22</a></li>
 <li><a href="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">Compatibilité des add-ons avec Firefox 22</a></li>
</ul>

<h3 id="Versions">Versions</h3>

<div>{{Firefox_for_developers('21')}}</div>