Firefox 22 pour les développeurs

  • Raccourci de la révision : Mozilla/Firefox/Versions/22
  • Titre de la révision : Firefox 22 pour les développeurs
  • ID de la révision : 436737
  • Créé :
  • Créateur : Skoua
  • Version actuelle ? Oui
  • Commentaire

Contenu de la révision

Vous voulez aider à documenter Firefox 22 ? Parcourez la liste des bugs qui ont besoin d'être documentés et lancez-vous !

Changements pour les développeurs Web

HTML

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

JavaScript

  • Les optimizations Asm.js sont activées, rendant possible la compilation d'applications C / C++ vers un sous-ensemble Javascript pour de meilleures performances.
  • La syntaxe ES6 Arrow Function a été implémentée ({{bug(846406)}}).
  • La nouvelle fonction Object.is a été ajoutée ({{bug(839979)}}).

DOM

  • Support de la propriété multipart avec XMLHttpRequest. Les réponses multipart/x-mixed-replace dans XMLHttpRequest ont été supprimées. C'était une fonctionnalité uniquement supportée par Gecko et jamais standardisée. Il est possible d'utiliser Server-Sent Events et Web Sockets ou d'inspecter la propriété responseText des progress events à la place.
  • Le support des Web Notifications est activé par défaut. ({{bug(782211)}}).
  • La méthode {{domxref("XMLHttpRequest/FormData", "FormData")}}  append accepte maintenant un troisième paramètre optionnel filename ({{bug(690659)}}).
  • {{domxref("Node.isSupported")}} a été supprimé ({{bug(801562)}}).
  • {{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)}})
  • Un backend Mac OS X pour {{domxref("DeviceLightEvent", "Ambient Light Events")}} a été implémenté.
  • Les éléments du namespace HTML avec les noms locaux "bgsound", "multicol", et "image" n'utilisent plus l'interface HTMLSpanElement.  "bgsound" et "multicol" utilisent HTMLUnknownElement et "image" utilise HTMLElement.

CSS

  • Le support de CSS Flexbox layout a été activé par défaut ({{bug("841876")}}).
  • Le support de CSS Conditionals ({{cssxref("@supports")}} et {{domxref("CSS.supports")}}) ont été activés par défaut ({{bug("855455")}}).

Changements pour les développeurs Mozilla et développeurs d'add-on

  • Le paramètre properties 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')}})
  • La méthode {{ifmethod('inIDOMUtils', 'getCSSPropertyNames')}} a été implémentée et retourne le nom de toutes les propriétés CSS supportées.
  • Voir tous les changements.

Outils pour développeurs de Firefox

  • L'inspecteur de polices montre quelles polices sur votre ordinateur ont été appliquées sur cette page.
  • Le mode d'affichage de rendu visuel montre quand et où une page est re-rendue.
  • Les outils pour développeurs peuvent maintenant être affichés à droite d'une fenêtre et plus seulement en bas.
  • Certains onglets des outils pour développeurs sont passés de XUL à HTML. Par exemple, l'onglet présentant les règles css fait maintenant partie de chrome://browser/content/devtools/cssruleview.xhtml, et pas de  cssruleview.xul. 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.
  • 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.

A voir aussi

Versions

{{Firefox_for_developers}}

Source de la révision

<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.C3.A9veloppeurs_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/" title="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/" title="http://notifications.spec.whatwg.org/">Web Notifications</a> est activé par défaut. ({{bug(782211)}}).</li>
  <li>La méthode {{domxref("XMLHttpRequest/FormData", "FormData")}}&nbsp; <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>.&nbsp; "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.C3.A9veloppeurs_Mozilla_et_d.C3.A9veloppeurs_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/" title="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">tous les changements</a>.</li>
</ul>
<h3 id="Outils_pour_d.C3.A9veloppeurs_de_Firefox">Outils pour développeurs de Firefox</h3>
<ul>
  <li><a href="https://hacks.mozilla.org/2013/04/developer-tools-update-firefox-22/" title="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" title="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&nbsp; <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&nbsp;22 Beta</a></li>
  <li><a href="/en-US/docs/Site_Compatibility_for_Firefox_22">Compatibilité des sites avec Firefox&nbsp;22</a></li>
  <li><a href="https://blog.mozilla.org/addons/2013/06/03/compatibility-for-firefox-22/">Compatibilité des add-ons avec Firefox&nbsp;22</a></li>
</ul>
<h3 id="Versions">Versions</h3>
<div>
  {{Firefox_for_developers}}</div>
Revenir à cette révision