Révision 318125 sur Firefox 16 pour les développeurs

  • Raccourci de la révision : Firefox_16_for_developers
  • Titre de la révision : Firefox 16 pour les développeurs
  • ID de la révision : 318125
  • Créé :
  • Créateur : the prisoner
  • Version actuelle ? Non
  • Commentaire
Étiquettes : 

Contenu de la révision

Firefox 16, basé sur Gecko 16.0, est sorti le 9 octobre 2012. Cette page résume les principaux changements dans Firefox 15 qui sont utiles aux développeurs.

Changements pour les développeurs Web

HTML

  • L'élément {{HTMLElement("meter")}} est à présent supporté.
  • Le support pour l'API HTML Microdata a été ajouté. ({{bug(591467)}})
  • {{HTMLElement("canvas")}} supporte à présent le mot-clé CSS currentColor dans tous les cas. ({{bug("629882")}})
  • {{HTMLElement("input")}} permet désormais un filtrage basé sur les types MIME abitraires dans accept. ({{bug(565274)}})

CSS

  • Le support du standard des Animations CSS a été lancé sans préfixe. ({{bug(762302)}})
  • Le support pour l'inversion de la direction de l'animation (mots-clés reverse et alternate-reverse sur la propriété {{cssxref("animation-direction")}}) a été ajouté. ({{bug(655920)}})
  • Vous pouvez désormais animer les propriétés CSS {{cssxref("height")}} et {{cssxref("width")}}.
  • Les propriétés CSS {{cssxref("animation-duration")}} et {{cssxref("transition-duration")}} rejettent désormais les valeurs négatives (et ne les traitent plus comme 0s) ({{bug(773102)}})
  • Le support du standard des Transformations CSS a été lancé sans préfixe. ({{bug(745523)}})
  • Le support du standard des Dégradés CSS a été lancé sans préfixe. Notez que la syntaxe a considérablement évoluée depuis la version préfixée. ({{bug(752187)}})
  • L'implémentation de {{cssxref("box-sizing", "-moz-box-sizing")}} a été actualisée pour aussi s'appliquer aux cellules du tableau. ({{bug(338554)}})
  • Le support du standard de {{cssxref("calc")}} a été lancé sans préfixe. ({{bug(771678)}})
  • Le type de données de {{xref_cssresolution()}} a été étendu et supporte le dppx. ({{bug(741644)}})
  • Sur l'écran, pour les media queries, dppx, dpi et dpcm représentent désormais des valeurs basés sur des pixels CSS et non plus avec les unités physiques. ({{bug(771390)}})
  • Trois nouvelles pseudo-classes, :-moz-meter-optimum, :-moz-meter-sub-optimum et :-moz-meter-sub-sub-optimum, ont été ajoutées pour accéder à/styliser un élément {{HTMLElement("meter")}} dans un état particulier. ({{bug(660238)}})
  • La propriété {{cssxref("-moz-appearance")}} gagnes deux nouvelles valeurs : meterbar et meterchunk. Elles représentent des composants dans l'élément {{HTMLElement("meter")}}. ({{bug(659999)}})
  • {{cssxref("min-width")}} et {{cssxref("min-height")}} supportent désormais le mot-clé auto pour les articles flexibles (et règlent les autres articles à 0 ). ({{bug(763689)}})

DOM

  • Deux nouvelles propriétés, width et height, ont été ajoutée à l'interface {{domxref("HTMLInputElement")}}. ({{bug(683855)}})
  • Les propriétés et méthodes d'IndexedDB n'ont plus de préfixe, depuis que IndexedDB est passé au statut Candidate Recommendation. ({{bug(726378)}})
  • Battery API n'a plus de préfixe.
  • L'API Vibration n'a plus de préfixe.
  • L'interface {{domxref("Keyboard")}}, qui est toujours préfixée (mozKeyboard), a désormais les méthodes {{domxref("Keyboard.setSelectedOption()")}} et {{domxref("Keyboard.setValue()")}}, ainsi que la propriété {{domxref("Keyboard.onfocuschange")}}.
  • Les attributs Window.java et Window.packages ont été supprimés. Ils n'ont jamais été documentés, et nous espérons que vous ne les utilisiez pas !
  • CSSRule.type associé avec {{domxref("CSSNamespaceRule")}} a été mis à jour à partir de UNKNOWN_RULE (0) vers NAMESPACE_RULE (10). ({{bug(765590)}})
  • API WebSMS : SmsRequest a été remplacé par qui est plus général.

JavaScript

  • L'objet Number offre désormais les méthodes isFinite(), toInteger() et isInteger(). ({{bug(761480)}}, {{bug(761495)}})
  • L'opérateur de diffusion d'Harmony a été ajouté à l'objet Array. ({{bug(574130)}})

MathML

  • Les attributs lspace et rspace de {{MathMLElement("mo")}} ont désormais la constante thickmathspace par défaut.

Outils de développement

  • Il existe à présent une barre de développement très pratique, vous pouvez y accéder en allant dans Outils > Développeur Web > Barre de Développement, ou en appuyant sur Maj+F2. Cette barre d'outils propose une interface en ligne de commande ainsi que des boutons pour accéder rapidement aux outils utiles. L'interface graphique de commande en ligne (GCLI) est facile à étendre et d'autres commandes devraient dans le futur. Tapez "help" pour obtenir la liste des commandes disponibles.
  • La console Web affiche désormais le nombre d'erreurs afin que vous voyez rapidement la quantité de travail que vous avez devant vous.
  • L'Ardoise propose désormais la liste des fichiers récemments ouverts.

Changements pour les développeurs de Mozilla et de modules complémentaires

Changements dans les interfaces

Nouvelles interfaces

Interfaces supprimées

Les interfaces suivantes ont été supprimées.

Voir également

Source de la révision

<p>Firefox 16, basé sur Gecko 16.0, est sorti le 9 octobre 2012. Cette page résume les principaux changements dans Firefox 15 qui sont utiles aux développeurs.</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 {{HTMLElement("meter")}} est à présent supporté.</li>
  <li>Le support pour l'API HTML Microdata a été ajouté. ({{bug(591467)}})</li>
  <li>{{HTMLElement("canvas")}} supporte à présent le mot-clé CSS <code>currentColor</code> dans tous les cas. ({{bug("629882")}})</li>
  <li>{{HTMLElement("input")}} permet désormais un filtrage basé sur les types MIME abitraires dans <code>accept</code>. ({{bug(565274)}})</li>
</ul>
<h3 id="CSS">CSS</h3>
<ul>
  <li>Le support du standard des <a href="https://developer.mozilla.org/fr/docs/CSS/Animations_CSS" title="Animations CSS">Animations CSS</a> a été lancé sans préfixe. ({{bug(762302)}})</li>
  <li>Le support pour l'inversion de la direction de l'animation (mots-clés <code>reverse</code> et <code>alternate-reverse</code> sur la propriété {{cssxref("animation-direction")}}) a été ajouté. ({{bug(655920)}})</li>
  <li>Vous pouvez désormais animer les propriétés CSS {{cssxref("height")}} et {{cssxref("width")}}.</li>
  <li>Les propriétés CSS {{cssxref("animation-duration")}} et {{cssxref("transition-duration")}} rejettent désormais les valeurs négatives (et ne les traitent plus comme <code>0s</code>) ({{bug(773102)}})</li>
  <li>Le support du standard des <a href="https://developer.mozilla.org/fr/docs/CSS/Utilisation_des_transformations_CSS" title="Utilisation des transformations CSS">Transformations CSS</a> a été lancé sans préfixe. ({{bug(745523)}})</li>
  <li>Le support du standard des <a href="https://developer.mozilla.org/fr/docs/CSS/Using_CSS_gradients" title="fr/CSS/Using_CSS_gradients">Dégradés CSS</a> a été lancé sans préfixe. Notez que la syntaxe a considérablement évoluée depuis la version préfixée. ({{bug(752187)}})</li>
  <li>L'implémentation de {{cssxref("box-sizing", "-moz-box-sizing")}} a été actualisée pour aussi s'appliquer aux cellules du tableau. ({{bug(338554)}})</li>
  <li>Le support du standard de {{cssxref("calc")}} a été lancé sans préfixe. ({{bug(771678)}})</li>
  <li>Le type de données de {{xref_cssresolution()}} a été étendu et supporte le <code>dppx</code>. ({{bug(741644)}})</li>
  <li>Sur l'écran, pour les <a href="https://developer.mozilla.org/fr/docs/CSS/Media_queries" title="/fr/CSS/Media_queries">media queries</a>, <code>dppx</code>, <code>dpi</code> et <code>dpcm</code> représentent désormais des valeurs basés sur des pixels CSS et non plus avec les unités physiques. ({{bug(771390)}})</li>
  <li>Trois nouvelles pseudo-classes, <code>:-moz-meter-optimum</code>, <code>:-moz-meter-sub-optimum</code> et <code>:-moz-meter-sub-sub-optimum</code>, ont été ajoutées pour accéder à/styliser un élément {{HTMLElement("meter")}} dans un état particulier. ({{bug(660238)}})</li>
  <li>La propriété {{cssxref("-moz-appearance")}} gagnes deux nouvelles valeurs : <code>meterbar</code> et <code>meterchunk</code>. Elles représentent des composants dans l'élément {{HTMLElement("meter")}}. ({{bug(659999)}})</li>
  <li>{{cssxref("min-width")}} et {{cssxref("min-height")}} supportent désormais le mot-clé <code>auto</code> pour les articles flexibles (et règlent les autres articles à <code>0</code> ). ({{bug(763689)}})</li>
</ul>
<h3 id="DOM">DOM</h3>
<ul>
  <li>Deux nouvelles propriétés, <code>width</code> et <code>height</code>, ont été ajoutée à l'interface {{domxref("HTMLInputElement")}}. ({{bug(683855)}})</li>
  <li>Les propriétés et méthodes d'IndexedDB n'ont plus de préfixe, depuis que IndexedDB est passé au statut Candidate Recommendation. ({{bug(726378)}})</li>
  <li><a href="https://developer.mozilla.org/en-US/docs/DOM/window.navigator.battery" title="DOM/window.navigator.battery">Battery API</a> n'a plus de préfixe.</li>
  <li>L'API Vibration n'a plus de préfixe.</li>
  <li>L'interface {{domxref("Keyboard")}}, qui est toujours préfixée (<code>mozKeyboard</code>), a désormais les méthodes {{domxref("Keyboard.setSelectedOption()")}} et {{domxref("Keyboard.setValue()")}}, ainsi que la propriété {{domxref("Keyboard.onfocuschange")}}.</li>
  <li>Les attributs <code>Window.java</code> et <code>Window.packages</code> ont été supprimés. Ils n'ont jamais été documentés, et nous espérons que vous ne les utilisiez pas !</li>
  <li><code>CSSRule.type</code> associé avec {{domxref("CSSNamespaceRule")}} a été mis à jour à partir de <code>UNKNOWN_RULE</code> (<code>0</code>) vers <code>NAMESPACE_RULE</code> (<code>10</code>). ({{bug(765590)}})</li>
  <li>API WebSMS : <a href="https://developer.mozilla.org/en-US/docs/DOM/SmsRequest" title="DOM/SmsRequest">SmsRequest</a> a été remplacé par <a href="https://developer.mozilla.org/en-US/docs/DOM/DOMRequest" title="DOM/DOMRequest"></a> qui est plus général.</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
  <li>L'objet <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" title="JavaScript/Reference/Global_Objects/Number"><code>Number</code></a> offre désormais les méthodes <code>isFinite()</code>, <code>toInteger()</code> et <code>isInteger()</code>. ({{bug(761480)}}, {{bug(761495)}})</li>
  <li>L'<a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread" title="http://wiki.ecmascript.org/doku.php?id=harmony:spread">opérateur de diffusion</a> d'Harmony a été ajouté à l'objet <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="JavaScript/Reference/Global_Objects/Array"><code>Array</code></a>. ({{bug(574130)}})</li>
</ul>
<h3 id="MathML">MathML</h3>
<ul>
  <li>Les attributs <code>lspace</code> et <code>rspace</code> de {{MathMLElement("mo")}} ont désormais la constante <code>thickmathspace</code> par défaut.</li>
</ul>
<h3 id="Outils_de_développement">Outils de développement</h3>
<ul>
  <li>Il existe à présent une barre de développement très pratique, vous pouvez y accéder en allant dans Outils &gt; Développeur Web &gt; Barre de Développement, ou en appuyant sur Maj+F2. Cette barre d'outils propose une interface en ligne de commande ainsi que des boutons pour accéder rapidement aux outils utiles. L'interface graphique de commande en ligne (<a href="https://developer.mozilla.org/en-US/docs/Tools/GCLI" title="en/Tools/GCLI">GCLI</a>) est facile à étendre et d'autres commandes devraient dans le futur. Tapez "help" pour obtenir la liste des commandes disponibles.</li>
  <li>La console Web affiche désormais le nombre d'erreurs afin que vous voyez rapidement la quantité de travail que vous avez devant vous.</li>
  <li>L'Ardoise propose désormais la liste des fichiers récemments ouverts.</li>
</ul>
<h2 id="Changements_pour_les_développeurs_de_Mozilla_et_de_modules_complémentaires">Changements pour les développeurs de Mozilla et de modules complémentaires</h2>
<h3 id="Changements_dans_les_interfaces">Changements dans les interfaces</h3>
<h4 id="Nouvelles_interfaces">Nouvelles interfaces</h4>
<h4 id="Interfaces_supprimées">Interfaces supprimées</h4>
<p>Les interfaces suivantes ont été supprimées.</p>
<h2 id="Voir_également">Voir également</h2>
<ul style="-moz-column-width: 15em">
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_15_for_developers" title="Firefox 15 pour les développeurs">Firefox 15 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_14_for_developers" title="Firefox 14 pour les développeurs">Firefox 14 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_13_for_developers" title="Firefox 13 pour les développeurs">Firefox 13 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_12_for_developers" title="Firefox 12 pour les développeurs">Firefox 12 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_11_for_developers" title="Firefox 11 pour les développeurs">Firefox 11 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_10_for_developers" title="Firefox 10 pour les développeurs">Firefox 10 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_9_for_developers" title="Firefox 9 pour les développeurs">Firefox 9 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_8_for_developers" title="Firefox 8 pour les développeurs">Firefox 8 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_7_for_developers" title="Firefox 7 pour les développeurs">Firefox 7 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_6_for_developers" title="Firefox 6 pour les développeurs">Firefox 6 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_5_for_developers" title="Firefox 5 pour les développeurs">Firefox 5 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_4_for_developers" title="Firefox 4 pour les développeurs">Firefox 4 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_3.6_for_developers" title="Firefox 3.6 pour les développeurs">Firefox 3.6 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_3.5_pour_les_développeurs" title="Firefox 3.5 pour les développeurs">Firefox 3.5 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_3_pour_les_développeurs" title="Firefox 3 pour les développeurs">Firefox 3 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_2_pour_les_développeurs" title="Firefox 2 pour les développeurs">Firefox 2 pour les développeurs</a></li>
	<li><a class="internal" href="https://developer.mozilla.org/fr/docs/Firefox_1.5_pour_les_développeurs" title="Firefox 1.5 pour les développeurs">Firefox 1.5 pour les développeurs</a></li>
</ul>
Revenir à cette révision