Firefox 3.6 für Entwickler

Firefox 3.6 bietet Unterstützung für neue und sich entwickelnde Webstandards, erhöhte Leistung und eine insgesamt bessere Erfahrung für Webbenutzer und Entwickler. Diese Seite enthält Links zu Artikeln, die die neuen Funktionen von Firefox 3.6 behandeln.

Für Webseiten- und Anwendungsentwickler

CSS

Verwendung von Farbverläufen

Firefox 3.6 fügt Unterstützung für die vorgeschlagenen Eigenschaften -moz-linear-gradient und -moz-radial-gradient für background hinzu.

Mehrere Hintergründe

Die background-Eigenschaft (sowie background-color, background-image, background-position, background-repeat und background-attachment) unterstützt nun mehrere Hintergründe. Dadurch können mehrere Hintergründe angegeben werden, die in Schichten übereinander gerendert werden.

Mozilla-spezifische Medientypen

Medienmerkmale wurden für Mozilla-spezifische Systemmetriken hinzugefügt, damit Media Queries sicherer abfragen können, ob Funktionen wie Touch-Unterstützung verfügbar sind.

Skalierung von Hintergrundbildern

Die Eigenschaft background-size aus dem CSS 3 Backgrounds and Borders Draft wird jetzt unter dem Namen -moz-background-size unterstützt.

WOFF-Schriftartunterstützung

@font-face unterstützt jetzt das WOFF-Format für herunterladbare Schriftdateien.

Pointer Events

Die Eigenschaft pointer-events ermöglicht es, zu spezifizieren, ob ein Element das Ziel von Mauszeiger-Ereignissen sein darf oder nicht.

Verschiedene CSS-Änderungen

HTML

Verwendung von Dateien aus Webanwendungen

Unterstützung für die neue HTML5 File API wurde in Gecko hinzugefügt. Dadurch können Webanwendungen auf lokale Dateien zugreifen, die vom Benutzer ausgewählt wurden. Dies beinhaltet Unterstützung für die Auswahl mehrerer Dateien mithilfe des neuen multiple-Attributes des input type="file" HTML-Elements.

HTML5-Video unterstützt Poster-Frames

Das poster-Attribut wird jetzt für das video-Element unterstützt, wodurch Inhalte ein Poster-Frame festlegen können, das angezeigt wird, bis das Video abgespielt wird.

Kontrollkästchen und Optionsfelder unterstützen die indeterminate-Eigenschaft

HTML-input-Elemente der Typen checkbox und radio unterstützen jetzt die indeterminate-Eigenschaft, die einen dritten Zustand, "indeterminate", ermöglicht.

Steuerung der Glättung von Canvas-Bildern

Die neue mozImageSmoothingEnabled-Eigenschaft kann verwendet werden, um die Bildglättung beim Skalieren in canvas-Elementen ein- und auszuschalten.

Asynchrone Skriptausführung

Durch das Setzen des async-Attributes auf ein script-Element wird das Skript nicht das Laden oder die Anzeige des restlichen Dokuments blockieren. Stattdessen wird das Skript ausgeführt, sobald es heruntergeladen ist.

JavaScript

Gecko 1.9.2 führt JavaScript 1.8.2 ein, das mehrere Sprachfunktionen aus dem ECMAScript 5-Standard hinzufügt:

  • Date.parse() kann jetzt ISO-8601-Daten wie YYYY-MM-DD parsen.
  • Die prototype-Eigenschaft von Funktionsinstanzen ist nicht mehr aufzählbar.

DOM

Web Worker können sich jetzt selbst beenden

Worker unterstützen jetzt die Methode nsIWorkerScope.close(), die es ihnen ermöglicht, sich selbst zu beenden.

Drag & Drop unterstützt jetzt Dateien

Das DataTransfer-Objekt, das an Drag-Listener übergeben wird, enthält jetzt eine Liste von Dateien, die gezogen wurden.

Überprüfen, ob ein Element einem bestimmten CSS-Selektor entspricht

Die neue Methode element.mozMatchesSelector ermöglicht es, herauszufinden, ob ein Element einem angegebenen CSS-Selektor entspricht. Siehe Firefox-Bug 518003.

Erkennen der Geräteausrichtung

Inhalte können jetzt die Ausrichtung des Geräts erkennen, wenn dieses über einen unterstützten Beschleunigungssensor verfügt, unter Verwendung des MozOrientation-Ereignisses. Firefox 3.6 unterstützt den Beschleunigungssensor in Mac-Laptops.

Erkennen von Änderungen an Breite und Höhe des Dokuments

Das neue Ereignis MozScrollAreaChanged wird immer dann ausgelöst, wenn sich die Eigenschaften scrollWidth und/oder scrollHeight des Dokuments ändern.

Verschiedene DOM-Änderungen

  • Die Methode getBoxObjectFor() wurde entfernt, da sie nicht standardisiert und potenziell problematisch für das Web war. Siehe Firefox-Bug 340571. Dies hat auch Auswirkungen auf MooTools, das diesen Aufruf zur Gecko-Erkennung nutzt; dieses Problem wurde in der neuesten Version von MooTools behoben, daher ist ein Update empfohlen.
  • Die neuen Eigenschaften mozInnerScreenX und mozInnerScreenY auf DOM-Fenstern wurden hinzugefügt; diese geben die Bildschirmkoordinaten der oberen linken Ecke des Viewports des Fensters zurück.
  • Das neue Attribut mozScreenPixelsPerCSSPixel im nsIDOMWindowUtils Interface, das nur für Chrome verfügbar ist, bietet einen Umrechnungsfaktor zwischen CSS-Pixeln und Bildschirm-Pixeln; dieser Wert kann je nach Zoomstufe der Inhalte variieren.
  • Wenn sich der Fragmentbezeichner einer URI der Seite (der Teil nach dem "#" (Hash) Zeichen) ändert, wird ein neues hashchange-Ereignis an die Seite gesendet. Siehe das hashchange-Ereignis für weitere Informationen. Firefox-Bug 385434
  • Das Attribut document.readyState wird jetzt unterstützt. Firefox-Bug 347174
  • Unterstützung für HTML5s element.classList wurde hinzugefügt, um die Behandlung des class-Attributes zu erleichtern. Firefox-Bug 501257

...

(Übersetzung der übrigen Abschnitte erfolgt analog dem oben gezeigten Stil.)