Firefox 4 pour les développeurs
===============================

1. Notes de versions pour développeurs
    1. Notes de versions pour développeurs
2. Modules complémentaires
    1. WebExtensions
    2. Thèmes
3. Fonctionnement interne de Firefox
    1. Le projet Mozilla
    2. Gecko
    3. Mode « headless »
    4. Modules de code Javascript
    5. JS-ctypes
    6. Le projet MathML
    7. MFBT
    8. Les projets Mozilla
    9. Le système de préférences
    10. Connexions WebIDL
    11. XPCOM
    12. XUL
4. Développer et contribuer
    1. Instructions de compilation
    2. Configuration des options de compilation (en-US)
    3. Fonctionnement de la compilation
    4. Code source de Mozilla
    5. Localisation
    6. Mercurial
    7. Assurance qualité
    8. Utilisation de code Mozilla dans d'autres projets

Firefox 4, est sorti le 22 mars 2011, améliore les performances, le support d'HTML5 et d'autres technologies du web et aussi la sécurité. Cet article fournit des informations sur cette version et sur les fonctionnalités qui sont disponibles pour les développeurs Web, les développeurs de modules complémentaires et les développeurs de la plate-forme Gecko.

Fonctionnalités pour les développeurs Web
-----------------------------------------

Gecko utilise maintenant le parseur HTML5, qui corrige des bugs, améliore l'interopérabilité et les performances. Il permet également d'intégrer du contenu SVG et MathML directement dans le code HTML.

### HTML

Rencontrez le parseur HTML5 (en-US)

Un aperçu sur ce que le parseur HTML5 représente pour vous et comment intégrer du contenu SVG et MathML dans votre code.

Les formulaires en HTML5 (en-US)

Un aperçu de l'amélioration de formulaires Web en HTML5. Parmi les changements on ajoute les types d'entrée dans l'élément `<input>`, la validation des données et d'autres modifications.

Sections HTML5

Gecko supporte à présent les nouveaux éléments HTML5 liés aux sections dans un document : `<article>`, `<section>`, `<nav>`, `<aside>`, `<hgroup>`, `<header>` et `<footer>`.

Attribut HTML5 hidden

Cet attribut, commun à tous les éléments, est utilisé pour cacher le contenu d'une page Web qui n'est pas encore pertinent pour l'utilisateur.

Autres éléments HTML5

Gecko supporte les nouveaux éléments HTML5 suivants : `<mark>`, `<figure>`, et `<figcaption>`.

WebSockets

Un guide pour utiliser la nouvelle API WebSockets pour la communication entre une application web et un serveur en temps réel. A noter que WebSockets tel qu'implémenté dans Firefox 4 n'est pas compatible avec la norme finale, et ne devrait pas être utilisé.

#### Améliorations de Canvas

Les modifications suivantes ont étés apportées à l'interface `CanvasRenderingContext2D` pour permettre à l'implémentation de `<canvas>` d'être en conformité avec la spécification :

* La spécification d'un rayon négatif lors de l'appel d'`arc()` lance désormais correctement l'exception `INDEX_SIZE_ERR`.
* La spécification de valeurs non finies lors de l'appel de `createLinearGradient()` et `createRadialGradient()` lance désormais `NOT_SUPPORTED_ERR` au lieu de `SYNTAX_ERR`.
* Le réglage de `miterLimit` pour une valeur négative ne lance plus une exception, mais ignore plutôt les valeurs non-positives.
* Le réglage de `lineWidth` pour une valeur négative ne lance plus une exception, mais ignore plutôt les valeurs non-positives.
* La méthode `putImageData()` supporte désormais les paramètres optionnels `dirtyX`, `dirtyY`, `dirtyWidth` et `dirtyHeight`.

#### Autres changements HTML

* L'élément `<textarea>` est maintenant redimensionnable par défaut ; pour le désactiver, vous pouvez utiliser la propriété CSS `resize`.
* `canvas.getContext` et `canvas.toDataURL` ne lancent plus d'exceptions lorsqu'ils sont appelés avec des arguments non reconnus.
* L'élément `<canvas>` supporte maintenant la méthode spécifique à Mozilla, `mozGetAsFile()`, qui permet d'obtenir un fichier basé sur l'image d'un contenu canvas. Voir `HTMLCanvasElement` pour les détails.
* `canvas2dcontext.lineCap` et `canvas2dcontext.lineJoin` ne lancent plus d'exceptions lorsqu'ils sont réglés avec une valeur non reconnue.
* `canvas2dcontext.globalCompositeOperation` ne lance plus d'exception lorsqu'il est réglé avec une valeur non reconnue et ne supporte plus la valeur `darker`, qui n'est pas un standard.
* Le support de l'élément obsolète `<spacer>`, était absent de tous les autres navigateurs, a été enlevé.
* L'élément `<isindex>`, qui était crée par `document.createElement()`, est maintenant crée comme un simple élément sans propriétés ou méthodes.
* Gecko supporte maintenant l'appel `click()` sur l'élément `<input>` pour ouvrir le sélecteur de fichiers. Voir l'exemple dans l'article Using files from web applications.
* L'élément `<input>` supporte un nouvel attribut `mozactionhint`, qui permet de spécifier l'étiquette de la touche Entrée sur un clavier virtuel.
* L'élément `<script>` à l'intérieur des éléments `<iframe>`, `<noembed>` et `<noframes>` sont maintenant exécutés, contrairement aux versions précédentes de Firefox. Ceci est conforme à la spécification et correspond au comportement des autres navigateurs.
### CSS

Transitions CSS (en-US)

Le support des transitions CSS est disponible dans Firefox 4.

Les valeurs calculées en CSS

Le support de `-moz-calc` (en-US) a été ajouté. Cela permet de spécifier des valeurs de `<length>` comme des expressions mathématiques.

Groupement de sélecteurs

Le support de `:-moz-any` (en-US) pour grouper les sélecteurs et factoriser des combinateurs.

Support subrectangle pour background-image

La propriété `-moz-image-rect` permet d'utiliser des subrectangles en tant que `background-image`.

Propriétés CSS tactile

Le support des propriétés tactiles a été ajouté. Plus de détails plus tard.

Utilisation arbitraires d'élements comme fond (en-US)

Vou pouvez utiliser la fonction CSS `-moz-element` (en-US) et la fonction DOM `document.mozSetImageElement()` pour une utilisation arbitraire des éléments HTML comme fond.

Sélecteur :visited et confidentialité (en-US)

Des modifications ont étés apportées sur les informations qui peuvent être obtenues sur le style des liens visités en utilisant les sélecteurs CSS. Certaines applications Web peuvent être affectées.

#### Nouvelles propriétés CSS

|  |  |
| --- | --- |
| Propriété | Description |
| `-moz-font-feature-settings` (en-US) | 
 Permet de personnaliser les fonctionnalités avancées des polices
 OpenType.
  |
| `-moz-tab-size` (en-US) | 
 Spécifie la largeur d'un espace de tabulation (U+0009) lors du rendu du
 texte.
  |
| `resize` | Permet de modifier les dimensions d'un élément. |

#### Nouvelles pseudo-classes CSS

|  |  |
| --- | --- |
| Pseudo-class | Description |
| `:-moz-handler-crashed` | Utilisé pour le style d'un élément dont le plugin a planté. |
| `:-moz-placeholder` | Appliquée à l'espace texte réservé dans les champs des formulaires. |
| `:-moz-submit-invalid` | 
 Appliquée au bouton d'envoi des formulaires quand un ou plusieurs des
 champs ne sont pas valides.
  |
| `:-moz-window-inactive` | Appliquée aux éléments d'une fenêtre inactive. |
| `:invalid` | 
 Automatiquement appliquée aux champs
 `<input>`
 dont le contenu est invalide.
  |
| `:optional` | 
 Automatiquement appliquée aux champs
 `<input>`
 qui ne spécifient pas l'attribut `required`.
  |
| `:required` | 
 Automatiquement appliquée aux champs
 `<input>`
 qui spécifient l'attribut `required`.
  |
| `:valid` | 
 Automatiquement appliquée aux champs
 `<input>`
 dont le contenu a été validé avec succès.
  |

#### Nouveaux pseudo-selectors CSS

|  |  |
| --- | --- |
| Pseudo-selector | Description |
| `:-moz-focusring` | 
 Permet de spécifier l'apparence d'un élément lorsque Gecko estime que
 l'on doit se fixer dessus.
  |

#### Nouvelles fonctions CSS

|  |  |
| --- | --- |
| Fonction | Description |
| `:-moz-any` (en-US) | Permet de grouper les sélecteurs et de factoriser les combinateurs. |
| `-moz-calc` (en-US) | 
 Permet de spécifier des valeurs de
 `<length>` comme
 des expressions mathématiques.
  |
| `-moz-element` (en-US) | 
 Permet d'utiliser un élément arbritaire de fond pour
 `background-image`
 and `background`.
  |
| `-moz-image-rect` | 
 Permet d'utiliser un subrectangle d'une image comme
 `background-image`
 or `background`.
  |

#### Propriétés CSS renommées

| Ancien nom | Nouveau nom | Notes |
| `-moz-background-size` | `background-size` | Le nom `-moz-background-size` n'est plus supporté. |
| `-moz-border-radius` | `border-radius` | 
 L'ancien nom est encore pris en charge pour une durée limitée, le temps
 de mettre vos sites à jour. Le changement du rendu a été fait pour
 correspondre à la dernière version de la spécification.
  |
| `-moz-box-shadow` | `box-shadow` |  |

#### Divers changements CSS

* La propriété `text-shadow` plafonne désormais son rayon de flou à 300px, pour des raisons de bon sens et de performances.
* La propriété `overflow` ne s'applique plus au groupe d'éléments de tableaux (`<thead>`, `<tbody>`, and `<tfoot>`).
* La propriété `-moz-appearance` supporte désormais la valeur `-moz-win-borderless-glass`, qui s'applique à un élément Aero sans bordure.
* La fonctionnalité de média `-moz-device-pixel-ratio` a été ajoutée, permettant l'utilisation de pixels de l'appareil par ratio de pixels CSS qui sera utilisé dans les Media Queries.
* La manipulation des unités CSS (en-US) dans Gecko a été révisé pour mieux correspondre à d'autres navigateurs, et plus précisément de traduire dans des longueurs absolues le nombre de pixels à l'écran basé sur le dispositif de la DPI.
### Graphisme et vidéo

WebGL

La norme WebGL (encore en développement) est maintenant supportée par Firefox.

Optimisation des performances graphique

Trucs et astuces pour profiter le maximum des performances graphiques et vidéo dans Firefox 4.

Support de WebM (en-US)

Le nouveau format vidéo ouvert WebM est supporté par Gecko 2.0.

Animation SVG avec SMIL (en-US)

Les animations SVG avec SMIL sont désomais supportées.

Utilisation de SVG comme image ou arrière-plan CSS

Vous pouvez maintenant utilisez SVG avec l'élément `<img>`, ainsi qu'avec CSS `background-image`.

Attribut Media `buffered`

L'attribut `buffered` sur les éléments `<video>` and `<audio>` est maintenant supporté, vous permettant de déterminer quel fichier multimédia a été tamponné. L'interface DOM `TimeRanges` a été mise en place pour ce support.

Attribut Media `preload`

L'attribut `preload` de la spécification HTML5 a été implémenté, remplaçant l'attribut `autobuffer` précédemment mis en place (et qui n'est plus pris en charge). Cela affecte les éléments `<video>` et `<audio>` ainsi que l'interface `nsIDOMHTMLMediaElement`.

Amélioration du positionnement du texte SVG

Vous pouvez maintenant spécifier des listes des valeurs pour les propriétés `x`, `y`, `dx`, and `dy` sur les éléments SVG `<text>` et `<tspan>`. Cela vous permet de contrôler le positionnement de chaque caractère d'une chaîne, individuellement.

### DOM

Tableaux JavaScript typés (en-US)

Ajout du support pour les tableaux JavaScript typés, cela vous permet de manipuler des tampons contenant des données brutes en utilisant des types de données natives. Plusieurs API utilisent ça, y compris l'API File, WebGL et WebSockets.

Obtention des limites des rectangles limites

L'objet `Range` a désormais les méthodes `range.getClientRects()` (en-US) et `range.getBoundingClientRect()` (en-US).

Capture des évènements de la souris sur des éléments quelconques

Ajout du support des APIs `setCapture()` et `releaseCapture()` originaires d'Internet Explorer. Voir bug 503943.

Manipulation de l'historique du navigateur (en-US)

L'objet de l'historique déjà existant et disponible via l'objet `window.history`, supporte maintenant les nouvelles méthodes HTML5 `pushState()` et `replaceState()`.

Animations utilisant MozBeforePaint

Un nouvel évènement a été ajouté, qui, avec l'aide de la méthode `window.mozRequestAnimationFrame()` (en-US) et de la propriété `window.mozAnimationStartTime`, offre un moyen de créer des animations qui sont synchronisées avec les autres.

Evènements touch et multi-touch

Ajout du support des évènements touch et multi-touch.

#### Changement des interfaces DOM d'éléments HTML

Plusieurs éléments HTML ont vu leur interface DOM modifier, conformément à la spécification HTML5.

| Interface dans Firefox 3.6 | Interface dans Firefox 4 | Elements HTML |
| `HTMLSpanElement` | `HTMLElement` | `<abbr>`,
 `<acronym>`,
 `<address>`, `<b>`, `<bdo>`, `<big>`,
 `<blink>`,
 `<center>`, `<cite>`, `<code>`, `<dd>`, `<dfn>`, `<dt>`, `<em>`, `<i>`, `<kbd>`,
 `<listing>`, `<nobr>`,
 `<plaintext>`, `
`, `<samp>`,
 `<small>`,
 `<strike>`,
 `<strong>`, `<sub>`, `<sup>`, , `<tt>`, `<u>`, `<var>`, `<xmp>` |
| `HTMLDivElement (en-US)` | `HTMLElement` | `<noembed>`,
 `<noframes>`,
 `<noscript>` |
| `HTMLWBRElement` | `HTMLElement` | `<wbr>` |

#### Divers changements DOM

* L'enveloppement d'un élément `<textarea>` peut maintenant être commandé via l'attribut DOM `wrap`. bug 41464
* Les éléments `<script>` crées avec `document.createElement()` et insérés dans un document, se comportent désormais conformément à la spécification HTML5. Les scripts avec l'attribut `src` s'exécute dès que possible (sasn maintenir la commande) et les scripts sans l'attribut `src` s'exécute de manière simultanée. Pour faire des scripts d'insertion de scripts qui ont l'attribut `src` qui exécute l'ensemble dans l'ordre d'insertion, pour eux `.async=false`.
* Les objets DOM `file` proposent désormais la propriété `url`.
* Support de FormData (en-US) pour XMLHttpRequest.
* La propriété `element.isContentEditable` a été implémentée.
* La propriété `document.currentScript` vous permet de déterminer quel script de l'élément `<script>` est en cours d'exécution. les nouveaux évènements `element.onbeforescriptexecute` et `element.onafterscriptexecute` sont déclenchés avant et après l'éxécution d'un élément script.
* Ajout de la propriété `mozSourceNode` (en-US) à l'objet `DragTransfer` (en-US).
* Ajout de la méthode `selection.modify()` (en-US) à l'objet `Selection`, ce qui vous permet de facilement modifier la sélection de texte courant ou la position du curseur dans une fenêtre de navigateur.
* Le support de l'objet `window.directories` et de la fonctionnalité `directories` pour `window.open`, qui ne sont plus supportés dans les autres navigateurs, ont été enlevés. Utiliser `personalbar` à la place. bug 474058
* La propriété `event.mozInputSource` a été ajoutée à l'interface utilisateur des évènements DOM, cette propriété non-standard vous permet de déterminer le type de l'appareil qui a généré un évènement.
* L'évènement `document.onreadystatechange` a été implémenté.
* La méthode `document.createElement` n'accepte plus `<` et `>` autour du nom de balise en mode quirks.
* Les méthodes `element.setCapture()` et `document.releaseCapture()` ont été ajoutées, permettant à des éléments de poursuivre des évènements de la souris, même lorsqu'elle est en dehors de leur zone de suivi normal après que l'évènement `mousedown` soit survenu.
* La propriété `window.mozPaintCount` a été ajoutée, elle vous permet de déterminer le nombre de fois q'un document a été peint. Cela est particulièrement utile lors des tests de performance de votre application web.
* Le signe de la langue a été supprimé de `window.navigator.appVersion` et `window.navigator.userAgent`. Utilisez `window.navigator.language` ou l'en-tête Accept-Language (en-US) à la place. bug 572656
* L'objet XMLHttpRequest expose maintenant la réponse comme un tableau JavaScript typé et aussi comme une chaîne, en utilisant la propriété, spécifique de Gecko, `mozResponseArrayBuffer`.
* Mouse events (en-US) inclut maintenant une propriété `mozPressure` indiquant le niveau de pression supporté sur les périphériques d'entrée sensibles à la pression.
* Les méthodes `window.URL.createObjectURL()` (en-US) et `window.URL.revokeObjectURL()` (en-US) vous permettent de créer des URLs d'objet qui renvoient à des fichiers locaux.
* La méthode `DOMImplementation.createHTMLDocument()` vous permet de créer un nouveau document HTML.
* `Node.mozMatchesSelector()` retourne maintenant l'exception `SYNTAX_ERR`si la chaîne de sélection spécifiée est invalide, au lieu de retourner `false`.
* Vous pouvez maintenant définir les valeurs des propriétés d'un élement SVG en utilisant une syntaxe abrégée même avec CSS. Par exemple : `element.style.fill = 'lime'`. Voir `element.style` pour plus de détails.
* Le document racine a maintenant un attribut `privatebrowsingmode` qui décrit l'état du mode de navigation privée, en indiquant notamment si la session de navigation privée est temporaire ou permanente.
* Le second paramètre de la méthode `window.getComputedStyle()` est maintenant optionnel, car elle l'est dans tous les autres navigateurs.
* L'objet DOM `StorageEvent` est maintenant conforme à la dernière version de la spécification.
* Le délais minimum autorisé pour la méthode `window.setTimeout()` (en-US) est maintenant la préférence `dom.min_timeout_value`.
* L'évènement `MozAfterPaint` n'est plus envoyé par défaut, en raison d'un potentiel problème de sécurité. Il peut être réactivé en définissant une préférence.
### Securité

Content Security Policy (CSP) (en-US)

Content Security Policy (CSP) est une proposition de Mozilla, conçu pour aider les concepteurs de sites Web et les administrateurs de serveur en spécifiant comment le contenu sur leurs sites Web agit. L'objectif est d'aider à détecter et à atténuer les attaques incluant le cross-site scripting et des attaques par injection de données.

HTTP Strict Transport Security (en-US)

HTTP Strict Transport Security est un dispositif de sécurité qui permet à un site web d'indiquer au navigateur d'utiliser une connexion sécurisée (HTTPS) à la place du protocole HTTP.

L'en-tête de réponse X-FRAME-OPTIONS (en-US)

L'en-tête de réponse X-FRAME-OPTIONS HTTP introduite dans Internet Explorer 8 est désormais supportée par Firefox. Cela permet aux sites d'indiquer si leurs pages peuvent être utilisées dans des frames ou si l'utilisation de la page doit être restreint.

Changement de la chaîne de l'agent utilisateur

C'est un moyen de réduire la quantité et l'entropie des données envoyées dans les requêts HTPP (voir bug 572650), le niveau de cryptage et le signe de la langue ont été enlevés de la chaîne de l'agent utilisateur.

### JavaScript

Pour un aperçu des changements effectués dans JavaScript 1.8.5, voir New in JavaScript 1.8.5. Dans Firefox 4, JavaScript a un plus grand respect de la norme ECMAScript 5.

### Outils pour les développeurs

Utilisation de la Console Web (en-US)

La Console Web est un outil qui aide le débogage.

A partir de Firefox 4, la Console d'erreurs est désactivée par défaut. Vous pouvez la ré-activer en modifiant la préférence `devtools.errorconsole.enabled` à `true` et en redémarrant le navigateur.

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

Pour des conseils utiles sur la mise à jour des extensions existantes pour Firefox 4, voir Updating extensions for Firefox 4. Il y a plusieurs changements importants qui cassent la compatibilité avec les add-ons, donc n'oubliez pas de lire cet article.

Si vous développez des thèmes, vous devez lire Theme changes in Firefox 4 afin de connaître certains changements importants.

### Modules de code JavaScript

Services.jsm

Le module de code `Services.jsm` fournit des accesseurs qui font qu'il est facile d'obtenir des références sur les services couramment utilisés, tels que le service de préférences ou le médiateur fenêtre.

API JS-ctypes

L'API JS-ctypes permet d'appeler une bibliothèque de fonctions étrangère C-compatible sans utiliser XPCOM.

Gestionnaire de modules complémentaires

Le nouveau gestionnaire de modules complémentaires fournit des informations sur les modules, permet la modifications des options, l'installation et la suppression des modules.

PopupNotifications.jsm

Le nouveau module des notifications popup facilite la présentation des notifications non-modales. Vous pouvez voir comment utiliser cette API dans Using popup notifications.

Chargement des modules de code à partir des URLs chrome:

Vous pouvez maintenant charger des modules de code à partir d'URLs **chrome:**, même à l'intérieur de fichiers JAR.

DownloadLastDir.jsm

Le module de code `DownloadLastDir.jsm` fournit la variable `gDownloadLastDir` qui contient une chaîne qui permet de connaître le chemin du répertoire dans lequel le dernier téléchargement s'est produit. Ce module gère les questions liées à la navigation privée.

Mesurer les performances en utilisant le module de code PerfMeasurement.jsm code module

Le module de code `PerfMeasurement.jsm` propose une API qui mesure les performances au niveau du CPU dans du code JavaScript.

#### Divers changements dans les modules de code

* Le module de code `NetUtil.jsm` offre maintenant la méthode `readInputStreamToString()`, qui permet de lire des octets arbitraires à partir d'un flux dans une chaîne, même si le flux inclut des zéros.
* Vous pouvez maintenant utiliser les travailleurs dans les modules de code JavaScript.
### Changements DOM

`ChromeWorker`

Un nouveau type de travailleur pour du code privilégié, ce qui permet l'utilisation de choses comme js-ctypes à partir des travailleurs dans les extensions et le code d'une application.

Evènements tactile (en-US)

Ajout du support de l'évènement tactile (non-standard), cela permet de pouvoir suivre plusieurs doigts qui se déplacent en même temps sur un écran tactile.

#### Autres changements DOM

* La nouvelle notification "document-element-inserted" est envoyée quand un élément racine d'un document est crée, mais tous les scripts sont exécutés avant.

### XUL

#### Changements pour l'élément tabbrowser

Plusieurs changements ont été apportés à l'élément `<xul:tabbrowser>` ce qui impacte les extensions qui interagissent avec les onglets. En plus du support de app tabs, ces changements on aussi modifiés la barre d'onglet en une barre d'outils standard, ce qui permet à l'utilisateur de faire glisser les boutons dans la barre d'outils.

* Les évènements `TabClose`, `TabSelect` et `TabOpen` non plus de bulle jusqu'à l'élément `<xul:tabbrowser>` (`gBrowser`). Les récepteurs d'évènements pour ces évènements doivent être ajoutés à `gBrowser.tabContainer` plutôt qu'à `gBrowser` directement.
* Le menu contextuel d'un onglet n'est plus un enfant anonyme de `<xul:tabbrowser>`. Il peut donc être surposé directement avec overlays XUL. On peut également y accéder directement depuis JavaScript via `gBrowser.tabContextMenu`. Voir cet article pour plus de détails.
* La nouvelle propriété `visibleTabs` a été ajoutée pour vous permettre de faire un tableau des onglets visibles, cela vous permet de déterminer quels onglets seront visibles dans l'ensemble de l'onglet courant. Par exemple, par Firefox Panorama l'utilise.
* La nouvelle méthode `showOnlyTheseTabs` a été ajoutée, elle est utilisée Firefox Panorama.
* Ajout de la nouvelle méthode `showOnlyTheseTabs`, qui est utilisée par Firefox Panorama.
* Ajout de la nouvelle méthode `getIcon`, qui vous permet d'obtenir le favicon d'un onglet sans avoir besoin de le remonter de l'élément `<xul:browser>`.
* Ajout de la nouvelle propriété `tabbrowser.tabs`, qui vous permet d'obtenir facilement une liste des onglets dans l'élement `<xul:tabbrowser>`.
* Les nouvelles méthodes `pinTab` et `unpinTab` vous permettent d'épingler et de relâcher des onglets (pour faire la différence entre les onglets normaux et ceux utilisés régulièrement).
* Ajout de la méthode `getTabModalPromptBox` et de l'attribut `tabmodalPromptShowing` à `<xul:tabbrowser>` pour le support des alertes majeures des onglets.

#### Changements pour les popups

* L'élément `<xul:popup>` n'est plus supporté, vous devez utilisez `<xul:menupopup>` à la place. (Si vous continuez à utiliser `popup`, vous allez rencontrer des problèmes, car l'élément n'a plus de signification particulière. par exemple, `<xul:menuseparator>` peut apparaître transparent lorsqu'il est utilisé avec `<xul:popup>`.)
* L'élément XUL `<xul:menupopup>` a maintenant une propriété `triggerNode`, qui indique le noeud sur lequel l'évènement s'est produit et qui a causé l'ouverture de la popup. Cela a aussi nécessité l'ajout d'un paramètre de l'événement déclencheur de la méthode `openPopup`. En plus de ça, la propriété `anchorNode` a été ajoutée, elle renvoie l'ancre spécifiée lorsque la popup a été créé.
* L'élément `<xul:panel>` propose maintenant les attributs `panel.fade` et `panel.flip`, qui sont utilisés pour configurer le comportement de la nouvelle "flèche" des panneaux de notification de style.

#### Suppression du support à distance de XUL

Le support à distance de XUL n'est plus supporté, cela affecte les documents XUL qui étaient servis par HTTP, en outre, vous ne pouvez plus charger des documents XUL en utilisant l'URL `file://` sauf en créant une préférence `dom.allow_XUL_XBL_for_file` avec la valeur `true`. Cependant, il y a une fonctionnalité de liste blanche qui peut être utilisée pour permettre à des domaines spécifiques de charger XUL à distance. L'extension Remote XUL Manager vous permet de gérer cette liste blanche.

#### Divers changements XUL

* L'attribut `readonly` fonctionne désormais correctement pour les champs XBL.
* L'élément `<xul:resizer>` vous permet désormais d'utiliser l'attribut `element` pour spécifier l'élément à redimensionner, au lieu de redimensionner la fenêtre.
* L'élément `<xul:resizer>` a maintenant un attribut `type` qui vous permet de spécifier que le redimensionnement est pour la fenêtre au lieu d'un élément, pour également empêcher de redimensionner deux fois une fenêtre en cours de préparation.
* L'attribut "active" n'est plus accessible sur les fenêtres XUL actives. A la place, vous pouvez utilisez la nouvelle pseudo-classe `:-moz-window-inactive` afin d'attribuer différents styles aux fenêtres en arrière-plan.
* L'attribut `emptytext` est désormais obsolète, vous devez utiliez `placeholder` à la place.
* L'élément `<xul:window>` propose maintenant un attribut `accelerated` ; quand il est vrai, le gestionnaire de la couche matérielle est autorisé à accélérer la fenêtre.
* L'élément `<xul:stack>` supporte maintenant les attributs `bottom` et `right`.
* Les évènements sont maintenant tirés lors de la personnalisation de `<xul:toolbox>`, vous permettant de détecter les changements sur les barres d'outils.
* L'attribut `alternatingbackground` pour l'élément `<xul:tree>`n'est plus supporté, à la place, vous pouvez utiliser la pseudo-classe `:-moz-tree-row`.
* Le dépassement du bouton de la barre d'outils des Favoris avec anonid chevronPopup n'est plus anonyme, il a l'ID "PlacesChevron".
* L'élément `<xul:tabs>` a maintenant la propriété `tabbox`, en remplacement de l'ancienne propriété `_tabbox`, qui a été abandonnée (et n'a jamais été documentée).
* Les éléments XUL `<xul:window>` ont maintenant l'attribut `drawintitlebar`, si il a la valeur `true`, la zone de contenu de la fenêtre qui comprend la barre de titre, permet de dessiner dans la barre de titre.
* De nouveaux évènements sont disponibles : `TabPinned` et `TabUnpinned`, vous permettant de détecter quand des onglets sont épinglés ou relâchés.
* le nouvel évènement `TabAttrModified` event est envoyé lorsque l'un des attributs (`label`, `crop`, `busy`, `image`, ou `selected`) d'un onglet change.
* Les éléments `<xul:tab>` ont maintenant l'attribut `pinned`, qui vous permet de savoir si un onglet est actuellement épinglé.
* La classe `setDirectionIndicator` sur les éléments `<xul:tree>` n'a rien fait depuis un certain temps et maintenant elle n'est plus du tout utilisée.
* L'élément `<xul:window>` possède maintenant l'attribut `chromemargin` qui vous permet de définir la marge entre le chrome et le contenu de chaque côté d'une fenêtre.
* L'élément `<xul:window>` possède maintenant l'attribut `disablechrome`, il est utilisé pour cacher la plupart du chrome dans une fenêtre, comme pour `about:addons`.
* L'élément `<xul:window>` possède maintenant l'attribut `disablefastfind`, qui vous permet de désactiver la barre de recherche dans une fenêtre lorsque le contenu ne le supporte pas. Il est par exemple utilisé par le panneau de gestion des modules complémentaires.
* Les barres d'outils peuvent maintenant être externe aux boîtes à outils, tout en restant considérée comme un membre de `<xul:toolbox>`, en configurant la propriété `toolboxid` de `<xul:toolbar>`. De plus, l'élément `<xul:toolbox>` a maintenant une propriété `externalToolbars`, qui liste toutes les barres d'outils qui sont considérées comme des membres de la boîte à outils.
* Ajout du support pour la connexion de templates XUL pour permettre un débogage .
### Changements dans l'UI affectant les développeurs

La barre d'add-on (en-US)

La barre d'état a été supprimée en faveur de la nouvelle barre d'add-on. Vous devrez mettre à jour votre extension l'utiliser cette option si vous aviez ajouté l'UI de la barre d'état avant.

Cacher le chrome du navigateur

Vous pouvez désormais cacher le chrome du navigateur quand il est souhaitable de le faire, par exemple, `about:addons` le fait.

### Storage

#### Divers changement dans l'API Storage

* L'interface `mozIStorageBindingParamsArray`a maintenant un attribut de longueur indiquant le nombre d'objets `mozIStorageBindingParams` dans le tableau.
* `mozIStorageStatement.bindParameters()` retourne maintenant une erreur si l'interface `mozIStorageBindingParamsArray` spécifiée est vide.
* Ajout de la méthode `mozIStorageConnection.clone()`, qui vous permet de cloner une connexion à une base de données déjà existante.
* Ajout de la méthode `mozIStorageConnection.asyncClose()`, qui vous permet de fermer une connexion à une base de données de manière asynchrone, vous spécifiez un rappel pour être averti quand l'opération est terminée.
* Ajout de la méthode `mozIStorageConnection.setGrowthIncrement()`, qui vous permet de spécifier le nombre de fichiers ajoutés à la fois dans une base de données, pour aider à réduire la fragmentation de SQLite.
* L'erreur `SQLITE_CONSTRAINT` est maintenant reportée comme `NS_ERROR_STORAGE_CONSTRAINT` au lieu de `NS_ERROR_FAILURE`.
### XPCOM

En plus des changements spécifiques référencés ci-dessous, il est important de noter qu'il n'y a plus aucune interfaces gelées. Elles sont toutes dégelées maintenant, indépendamment de ce que peut indiquer la documentation. Nous mettrons à jour la documentation au fil du temps.

Changements d'XPCOM dans Gecko 2.0

Détails sur les modifications d'XPCOM qui impactent la compatibilité dans Firefox 4.

Components.utils.getGlobalForObject()

Cette nouvelle méthode retourne l'objet global avec lequel un objet est associé, ce qui remplace un cas d'utilisation commun de `__parent__` qui est désormais retiré.

### Places

* Les résultats de la requête peuvent maintenant être observés par plusieurs observateurs, et les requêtes peuvent être exécutées de manière asynchrone. Cela signifie qu'il y a eu des changements dans les interfaces `nsINavHistoryResult`, `nsINavHistoryQueryOptions` et `nsINavHistoryContainerResultNode`. De plus, l'interface `nsINavHistoryResultViewer` a été renommée en `nsINavHistoryResultObserver`.
* De nouvelles notifications ont été ajoutées pour permettre au navigateur de suivre la procédure d'arrêt du service Places de manière plus fiable. Parmi celles-ci, la plupart sont pour un usage interne uniquement, mais la notification `places-connection-closed` est disponible pour savoir quand le service Places a terminé sont processus d'arrêt.
* Le paramètre de sortie de la taille d'un tableau sur plusieurs méthodes Places est désormais optionnel.
* Le support de `<menupopup type="places">` a été supprimé. A la place, vous devez créer et remplir un menu avec ds informations Places manuellement, plutôt que de l'avoir fait pour vous. Voir Displaying Places information using views: Menu view pour plus de détails.
### Changements dans les interfaces

* Les interfaces `nsIDocShell` et `nsIWebBrowser` ont maintenant un nouvel attribut `isActive`, qui est utilisé pour optimiser les chemins de code pour les documents qui ne sont pas visibles.
* La méthode `nsIMemory.isLowMemory()` est obsolète. A la place, vous devez utilisez les notifications "memory-pressure" pour surveiller les situations où la mémoire est insuffisante.
* L'API pour la manipulation des redirections HTTP sur les canaux a changé pour qu'elles puissent être traitées de manière asynchrone. N'importe quel code qui implémente la manipulation des redirections à l'aide de `nsIChannelEventSink.onChannelRedirect()` doit être mis à jour pour qu'il utilise `nsIChannelEventSink.asyncOnChannelRedirect()` à la place. Cela accepte un gestionnaire de rappel qui doit être appelé quand une redirection est réussie.
* La méthode `nsINavHistoryResultObserver.batching()` a été ajoutée, fournissant un moyen de grouper des opérations Places par lots, ce qui réduit le nombre de notifications de mise à jour délivrées, qui peut améliorer les performances quand les observateurs doivent effectuer certaines tâches (telles que des rafraîchissement de pages).
* L'interface obsolète `nsIPref` a finalement été supprimée. Si vous n'êtes pas encore passé à `nsIPrefService`, il est temps de le faire.
* Les interfaces `nsISessionStore` et `nsISessionStartup` ont reçues des changements pour la restauration des sessions. Voir la méthode `nsISessionStore.restoreLastSession()`.
* Les méthodes `nsIPrincipal.subsumes()` et `nsIPrincipal.checkMayLoad()`, et les attributs `origin`, `csp` et `URI`, sont maintenant disponibles à partir d'un script ; avant ils n'étaient disponibles qu'à partir du code natif.
* L'interface `nsIPrompt` supporte maintenant les alertes des onglets modaux, voir Using tab-modal prompts pour plus de détails.
* La méthode `nsIEffectiveTLDService.getPublicSuffixFromHost()` rejette maintenant correctement le nom des hôtes qui commencent par un point (".").
* La méthode `mozIJSSubScriptLoader.loadSubScript()` a maintenant un argument optionnel qui vous permet de définir le jeu de caractère du script, si il n'est pas fourni, on suppose que c'est le format ASCII (comme cela a toujours été précédemment).
* L'interface `nsIAccessProxy` a été supprimée. C'était un élément qui n'avait plus d'utilité.
* Les interfaces `nsIContentView` et `nsIContentViewManager` ont été ajoutées pour Firefox Mobile. Ils représentent une vue déroulant le contenu dont le contenu est actuellement utilisé par un processus séparé.
* L'interface `nsIDiskCacheStreamInternal` a été ajoutée.
* L'interface `nsIExternalURLHandlerService` a été ajoutée.
* L'interface `nsISyncJPAKE` a été ajoutée. Voir bug 601645.
### Gestion de la mémoire

Allocation infaillible de la mémoire

Mozilla propose désormais des répartiteur de mémoire infaillible qui sont garantis de ne pas retouner null. Vous devriez lire cet article pour connaitre leur fonctionnement et savoir comment demander l'allocation de la mémoire.

### Autres changements

* La plupart des ressources que Firefox contient ont été combinées dans une seule archive JAR (`omni.jar`), ce qui améliore les performances au démarrage en réduisant l'I/O. Pour plus de détails, lisez About omni.jar.
* La préférence `accessibility.disablecache` n'est plus supportée, elle a seulement été utilisée à des fins de débogage et n'est plus employée.
* Les extensions dont le GUID change d'une version à une autre peuvent maintenant être mise à jour correctement.
* As a side effect of the removal of platform-specific directories in add-on bundles, you can no longer provide different default preferences for each platform.
* Par défaut, les extensions ne sont plus décompressées quand elles sont installées, mais sont plutôt exécutées directement à partir du fichier XPI. Les extensions peuvent utiliser la propriété unpack dans le manifeste d'installation pour choisir l'ancien comportement. Les extensions qui utilisent des composants binaires, des DLLs chargées avec js-ctypes, des plugins de recherche, des dictionnaires et une fenêtre d'icônes doivent préciser ce dont elles ont besoin pour être décompressées. Les extensions qui créent des bases de données SQLite, ou font des copies de fichiers du système relatifs au répertoire de l'extension, peuvent aussi avoir besoin de modifier leur code.
* You may now include extensions that automatically get installed at application startup within a customized Firefox.
Autres changements
------------------

Seul le fichier chrome.manifest racine est chargé

maintenant seul le fichier `chrome.manifest` racine est chargé ; si vous avez besoin de fichiers manifestes secondaires à charger, vous pouvez utilisez la commande `manifest` dans votre fichier `chrome.manifest` racine pour les charger.

Suppression du support de Gopher

Le protocole Gopher n'est plus supporté nativement. L'extension OverbiteFF permet de continuer à le supporter.

Gestion des évènement du processus Content

Pour le support des plugins hors du processus et les multiples processus caractéristiques, une nouvelle API a été mise en place pour permettre l'envoi de messages dans les processus.

Bootstrap des extensions

Vous pouvez désormais créer des extensions qui peuvent être installées, désinstallées et mises à jour sans nécessiter le redémarrage du navigateur.

Suppression des plugins par défaut

The default plugin has been removed. The application plugins folder has also been removed by default, however support for installing plugins via this folder still exists. Voir bug 533891.

Extension Manager remplacé par Addon Manager

`nsIExtensionManager` a été remplacée par AddonManager.

Child HWNDs n'est plus utilisé

Firefox ne créé plus de child HWNDs pour son usage interne sous Windows. Si vous avez codé une extension qui utilise du code natif pour manipuler ces HWNDs, votre extensions ne fonctionnera pas dans Firefox 4. Soit vous devez arrêter l'utilisation de HWND ou soit mettre votre code reposant sur HWND dans un plugin NPAPI. C'est un gros travail, alors si vous pouviez éviter d'utiliser HWND directement.

Changements dans les gestes

Les gestes par défaut ont été changés, en faisant glisser trois doigts de haut en bas sur le trackpad cela ouvrira ou fermera Firefox Panorama. Pour modifier les éléments précédents, afin d'avoir les commandes de défilement haut et défilement bas, ouvrez about:config et mettez `cmd_scrollBottom` pour `browser.gesture.swipe.down` et `cmd_scrollTop` pour `browser.gesture.swipe.up`.

Voir aussi
----------

* Firefox 3.6 pour les développeurs
* Firefox 3.5 pour les développeurs
* Firefox 3 pour les développeurs
* Firefox 2 pour les développeurs
* Firefox 1.5 pour les développeurs