1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
---
title: Firefox 16 pour les développeurs
slug: Mozilla/Firefox/Releases/16
tags:
- Firefox
- Firefox 16
translation_of: Mozilla/Firefox/Releases/16
original_slug: Mozilla/Firefox/Versions/16
---
<div>{{FirefoxSidebar}}</div><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 {{cssxref("<resolution>")}} 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 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 > 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 (<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>
<p>{{interface("nsIPrivateDOMEvent")}} a été fusionné dans {{interface("nsIDOMEvent")}}. ({{bug("761613")}})</p>
<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>
<p>{{Firefox_for_developers('15')}}</p>
|
