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ürbackground
hinzu. - Mehrere Hintergründe
-
Die
background
-Eigenschaft (sowiebackground-color
,background-image
,background-position
,background-repeat
undbackground-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
- Die
rem
-Einheit aus CSS3 Values and Units wird jetzt unterstützt. Firefox-Bug 472195 image-rendering
wird für Bilder, Hintergrundbilder, Videos und Canvas unterstützt. Firefox-Bug 423756text-align
:end wird jetzt unterstützt. Firefox-Bug 299837- DOM-Änderungen an Elementen, die die
display
-Eigenschaften für Tabellen verwenden, funktionieren jetzt viel besser. :-moz-locale-dir(ltr)
und:-moz-locale-dir(rtl)
wurden hinzugefügt, um es einfacher zu machen, Layouts je nach Links-nach-Rechts- oder Rechts-nach-Links-Locale anzupassen. Firefox-Bug 478416- Unterstützung für die Pseudoklasse
:indeterminate
, die aufcheckbox
-input
-Elemente abzielt, derenindeterminate
-Attributetrue
sind, wurde hinzugefügt. - Plugins mit eigenem Fenster werden nicht länger in CSS-Transformationen angezeigt, da sie vom Kompositor nicht korrekt transformiert werden können.
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 desinput type="file"
HTML-Elements. - HTML5-Video unterstützt Poster-Frames
-
Das
poster
-Attribut wird jetzt für dasvideo
-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 Typencheckbox
undradio
unterstützen jetzt dieindeterminate
-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 incanvas
-Elementen ein- und auszuschalten. - Asynchrone Skriptausführung
-
Durch das Setzen des
async
-Attributes auf einscript
-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 EigenschaftenscrollWidth
und/oderscrollHeight
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
undmozInnerScreenY
auf DOM-Fenstern wurden hinzugefügt; diese geben die Bildschirmkoordinaten der oberen linken Ecke des Viewports des Fensters zurück. - Das neue Attribut
mozScreenPixelsPerCSSPixel
imnsIDOMWindowUtils
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 dashashchange
-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 desclass
-Attributes zu erleichtern. Firefox-Bug 501257
...
(Übersetzung der übrigen Abschnitte erfolgt analog dem oben gezeigten Stil.)