Firefox 65 für Entwickler

• Der Flexbox-Inspektor ist jetzt standardmäßig aktiviert.
• Der JavaScript-Debugger unterstützt jetzt XHR-Breakpoints (Firefox Bug 821610).
• Sie können mit der rechten Maustaste auf ein Element im Barrierefreiheitsbaum im Barrierefreiheitsbetrachter klicken, um es als JSON zu drucken zum JSON-Viewer.
• Die Farbkontrast-Anzeige des Barrierefreiheitspickers wurde aktualisiert, sodass bei komplexen Hintergründen (z. B. Verlaufs- oder komplexen Bildern) ein Bereich von Farbbereichskontrastwerten angezeigt wird.
• Der Registerkarte "Headers" des Netzwerkmonitors zeigt jetzt die Referrer-Policy für die ausgewählte Anforderung an (Firefox Bug 1496742).
• Beim Anzeigen von Stapelspuren (z. B. in Konsolenprotokollen oder dem JavaScript-Debugger) werden Aufrufe von Framework-Methoden standardmäßig identifiziert und reduziert, was es einfacher macht, sich auf Ihren Code zu konzentrieren.
• In ähnlicher Weise wie bei nativen Terminals können Sie nun die Rückwärtssuche verwenden, um Einträge in Ihrem JavaScript-Konsolenverlauf zu finden (F9 unter Windows/Linux oder Ctrl + R auf macOS, dann einen Suchbegriff eingeben, gefolgt von Ctrl + R/Ctrl + S, um durch die Ergebnisse zu blättern).
• Der $0-Shortcut der JavaScript-Konsole (verweist auf das derzeit untersuchte Element auf der Seite) verfügt nun über eine Autovervollständigung, sodass Sie beispielsweise $0.te eingeben können, um Autovervollständigungsvorschläge für Eigenschaften wie $0.textContent zu erhalten.
• Änderungen, die Sie in der Ansicht Regeln des Inspektors vornehmen, werden jetzt im Änderungen-Panel aufgelistet (Firefox Bug 1503920).

• Ereignisse werden nun bei deaktivierten HTML-Elementen ausgelöst, d.h. <button>, <fieldset>, <input>, <select>, und <textarea>-Elemente mit gesetzten disabled-Attributen (Firefox Bug 329509).
• Das Entfernen des src-Attributs eines <iframe>-Elements bewirkt nun, dass about:blank geladen wird, um Gleichheit mit Chrome und Safari zu erreichen (Firefox Bug 1507842). Zuvor hatte das Entfernen von src keine Auswirkung auf den iframe-Inhalt.
• Es wurde Unterstützung für das Attribut referrerpolicy auf <script>-Elementen hinzugefügt (Firefox Bug 1460920).

• Der crisp-edges-Wert der image-rendering-Eigenschaft ist jetzt nicht mehr mit einem Präfix versehen (Firefox Bug 1496617).

• Ein scrollbar-color-Wert von auto löst sich jetzt in auto auf, anstatt in zwei Farben (Firefox Bug 1501418).

• Die break-*-Eigenschaften wurden implementiert, und die veralteten page-break-*-Eigenschaften wurden mit ihnen aliasiert (Firefox Bug 775618):

  • break-before ist jetzt ein Alias für page-break-before.
  • break-after ist jetzt ein Alias für page-break-after.
  • break-inside ist jetzt ein Alias für page-break-inside.

• Der anywhere-Wert der overflow-wrap-Eigenschaft wurde implementiert (Firefox Bug 1505786).

• Die neuen Schrittpositions-Keywords jump-start, jump-end, jump-none und jump-both – die in der steps()-Timing-Funktion verwendet werden können – wurden implementiert (Firefox Bug 1496619). Dies fällt auch mit der Entfernung der frames()-Timing-Funktion zusammen, die der bisherige Weg zur Implementierung solcher Funktionalität war und nun veraltet ist.

• Einige neue -webkit-appearance-Werte wurden hinzugefügt, um die Kompatibilität mit anderen Browsern zu gewährleisten. Besonders:

  • meter, das jetzt als Standardwert für <meter>-Elemente in UA-Stylesheets verwendet wird. Der vorhandene Wert meterbar ist jetzt ein Alias für meter (Firefox Bug 1501483).
  • progress-bar, das jetzt als Standardwert für <progress>-Elemente in UA-Stylesheets verwendet wird. Der vorhandene Wert progressbar ist jetzt ein Alias für progress-bar (Firefox Bug 1501506).
  • textarea, das jetzt als Standardwert für <textarea>-Elemente in UA-Stylesheets verwendet wird. Der vorhandene Wert textfield-multiline ist jetzt ein Alias für textarea (Firefox Bug 1507905).

• Das Verhalten von user-select wurde geändert, um es mehr mit anderen Browsern in Einklang zu bringen (Firefox Bug 1506547). Insbesondere:

  • user-select: all, das auf ein Element gesetzt ist, überschreibt nicht mehr andere Werte von user-select, die auf den Kindelementen dieses Elements gesetzt sind. So zum Beispiel in folgendem Snippet:

    html

    <div style="-webkit-user-select: all">
      All
      <div style="-webkit-user-select: none">None</div>
    </div>
    

    Das <div> mit none darauf ist jetzt nicht auswählbar. Zuvor wäre dieser Wert durch den auf dem übergeordneten Element gesetzten all-Wert überschrieben worden.

  • Nicht-contenteditable-Elemente, die in contenteditable-Elementen verschachtelt sind, sind jetzt auswählbar.

  • user-select verhält sich jetzt konsistent innerhalb und außerhalb des Shadow-DOM.

  • Der proprietäre -moz-text-Wert wurde entfernt.

• CSS-Umgebungsvariablen (die env()-Funktion) wurden implementiert (Firefox Bug 1462233).

Entfernungen

• Die layout.css.shape-outside.enabled-Voreinstellung wurde entfernt; shape-outside, shape-margin, und shape-image-threshold können nicht mehr in about:config deaktiviert werden (Firefox Bug 1504387).
• Mehrere Firefox-exklusive Werte der user-select-Eigenschaft wurden entfernt — -moz-all, -moz-text, tri-state, element, elements, und toggle. Siehe Firefox Bug 1492958 und Firefox Bug 1506547.
• Wie bereits erwähnt, wurde die frames()-Timing-Funktion entfernt (Firefox Bug 1496619).

Keine Änderungen.

• Intl.RelativeTimeFormat wird jetzt unterstützt (Firefox Bug 1504334).
• Zeichenfolgen haben jetzt eine maximale length von 2**30 - 2 (~1GB) anstelle von 2**28 - 1 (~256MB) (Firefox Bug 1509542).
• Die globalThis-Eigenschaft, die immer auf das globale Top-Level-Objekt verweist, wurde implementiert (Firefox Bug 1317422).

Neue APIs

• Readable Streams wurden standardmäßig aktiviert (Firefox Bug 1505122).
• Die Storage Access API wurde standardmäßig aktiviert (Firefox Bug 1513021).

DOM

• Performance.toJSON() wurde für Web Workers verfügbar gemacht (Firefox Bug 1504958).
• XMLHttpRequest-Anfragen werfen jetzt einen NetworkError, wenn der angeforderte Inhaltstyp ein Blob ist und die Anforderungsmethode nicht GET ist (Firefox Bug 1502599).
• Die -moz--präfixierten Versionen vieler Funktionen der Fullscreen API wurden veraltet, und es werden jetzt Verwendungswarnungen in der JavaScript-Konsole angezeigt, wenn sie auftreten (Firefox Bug 1504946).
• Window.createImageBitmap() und WorkerGlobalScope.createImageBitmap() unterstützen jetzt SVG-Bilder (SVGImageElement) als Bildquelle (Firefox Bug 1500768).

DOM-Ereignisse

• Künftig wird nur ein Window.open()-Aufruf pro Ereignis erlaubt (Firefox Bug 675574).
• Die keyup und keydown-Ereignisse werden jetzt während der IME-Komposition ausgelöst, um die browserübergreifende Kompatibilität für CJKT-Benutzer zu verbessern (Firefox Bug 354358.

Web Workers

• Das Ereignisobjekt von SharedWorkerGlobalScope.connect ist eine Instanz von MessageEvent — seine data-Eigenschaft ist jetzt ein leerer Zeichenfolgenwert anstelle von null (Firefox Bug 1508824).

Fetch und Service Workers

• Die Methode Response.redirect() wirft jetzt korrekt einen TypeError, wenn eine ungültige URL als erster Parameter angegeben wird (Firefox Bug 1503276).
• Die Methoden ServiceWorkerContainer.register() und WorkerGlobalScope.importScripts() (wenn sie von einem Service Worker verwendet werden) akzeptieren nun alle Dateien mit einem gültigen JavaScript MIME-Typ (Firefox Bug 1354577).
• Die Eigenschaften FetchEvent.replacesClientId und FetchEvent.resultingClientId werden jetzt unterstützt (Firefox Bug 1264177).
• Die Handler-Eigenschaften ServiceWorkerGlobalScope.onmessageerror und ServiceWorkerContainer.onmessageerror wurden implementiert (Firefox Bug 1399446).
• Der Origin-Header wird bei Fetch-Anfragen mit einer Methode HEAD oder GET nicht mehr gesetzt (Firefox Bug 1508661).

Medien, Web Audio und WebRTC

• Das WebRTC RTCIceCandidateStats-Wörterbuch wurde entsprechend den neuesten Spezifikationsänderungen aktualisiert (Firefox Bug 1324788, Firefox Bug 1489040; RTCIceCandidateStats wurde auf die neueste Spezifikation aktualisiert, um genauere Informationen zu erhalten, was sich geändert hat).
• Die pause- und resume-Ereignisse des MediaRecorder (und ihre entsprechenden Ereignis-Handler-Eigenschaften wurden bisher nicht implementiert, obwohl die Kompatibilitätstabellen behaupteten, sie seien implementiert worden. Sie wurden jetzt implementiert (Firefox Bug 1458538, Firefox Bug 1514016).

Canvas und WebGL

• Die WebGL Texturkompressions-Erweiterungen EXT_texture_compression_bptc und EXT_texture_compression_rgtc wurden für WebGL1 und WebGL2-Kontexts verfügbar gemacht (Firefox Bug 1507263).

Entfernungen

• Mutations-Ereignisse wurden in Schattenbäumen deaktiviert (Firefox Bug 1489858).
• Die nicht standardmäßige MediaStream-Eigenschaft currentTime wurde entfernt (Firefox Bug 1502927).
• Die Voreinstellungen dom.webcomponents.shadowdom.enabled und dom.webcomponents.customelements.enabled wurden entfernt — Shadow-DOM und benutzerdefinierte Elemente können nicht mehr in about:config deaktiviert werden (Firefox Bug 1503019).
• Das nicht standardmäßige DOM text-Ereignis — das zum Benachrichtigen der Browser-Editor-Benutzeroberfläche über IME-Kompositionszeichendaten und Auswahlbereich ausgelöst wurde — wurde entfernt (Firefox Bug 1288640).
• Das keypress-Ereignis wird nicht mehr für nicht-druckbare Tasten (Firefox Bug 968056) ausgelöst, außer für die Enter-Taste und die Shift + Enter- und Ctrl + Enter-Tastenkombinationen (diese wurden aus Gründen der browserübergreifenden Kompatibilität beibehalten).

• Zusätzliche CORS-Beschränkungen werden nun auf zulässige Anforderungs-Header durchgesetzt (Firefox Bug 1483815, siehe auch whatwg fetch issue 382: CORS-safelisted request headers should be restricted according to RFC 7231 für weitere Details).

Keine Änderungen.

Keine Änderungen.

API-Änderungen

• WebDriver:ElementSendKeys behandelt <input type=file> jetzt lockerer für Interaktivitätsprüfungen und erlaubt es, dass diese Elemente versteckt sind, ohne mehr einen not interactable-Fehler auszulösen. Wenn eine strikte Interaktivitätsprüfung gewünscht wird, kann die Fähigkeit strictFileInteractability verwendet werden (Firefox Bug 1502864).

Fehlerbehebungen

• Die Fenster-Manipulationsbefehle WebDriver:FullscreenWindow, WebDriver:MinimizeWindow, WebDriver:MaximizeWindow und WebDriver:SetWindowRect wurden stabiler gemacht (Firefox Bug 1492499). Das bedeutet, dass sie unter besonderen Bedingungen nicht mehr in eine unendliche Wartezeit gelangen, sondern nach 5 Sekunden ablaufen, wenn der gewünschte Fensterzustand nicht erreicht werden kann (Firefox Bug 1521527).
• WebDriver:ElementClick berechnet jetzt korrekt den Mittelpunkt des Elements, auf das geklickt werden soll, was Interaktionen mit Abmessungen von 1x1 Pixeln ermöglicht (Firefox Bug 1499360).

Sonstiges

• Für unexpected alert open-Fehler werden informativere Nachrichten bereitgestellt (Firefox Bug 1502268).

• Unterstützung für WebP-Bilder wurde hinzugefügt (Firefox Bug 1294490).

  • Zusätzlich wurde der WebP-MIME-Typ (image/webp) in die standardmäßige HTTP-Anfragskopfzeile Accept für HTML-Dateien aufgenommen, um in bestimmten Situationen die Kompatibilität für andere Browser zu erleichtern (Firefox Bug 1507691).

• Der AV1-Codec wird jetzt standardmäßig unter Windows unterstützt (Firefox Bug 1452146).

Tabs

• Die tabs API wurde erweitert, um Tab-Nachfolger zu unterstützen — ein Tab kann einen Nachfolger zugewiesen bekommen, bei dem es sich um die ID des Tabs handelt, das aktiv wird, wenn es geschlossen wird (Firefox Bug 1500479, siehe auch diesen Blogpost für weitere Informationen). Insbesondere:
  • Der tabs.Tab-Typ hat jetzt eine successorId-Eigenschaft, die verwendet werden kann, um die ID des Tab-Nachfolgers zu speichern/abzurufen.
  • Der Callback des tabs.onActivated-Ereignislisteners hat einen neuen verfügbaren Parameter, previousTabId, der die ID des zuvor aktivierten Tabs enthält, falls er noch geöffnet ist.
  • Das updateProperties-Objekt der tabs.update()-Funktion hat eine neue optionale Eigenschaft, successorTabId, die zur Aktualisierung verwendet werden kann.
  • successorTabId wird auch von Funktionen wie tabs.get() und tabs.query() zurückgegeben.
  • Die neue Funktion tabs.moveInSuccession() erlaubt die Manipulation von Tab-Nachfolgern in großen Mengen.

Keine Änderungen.

• Die headerURL/theme_frame-Eigenschaften für WebExtension-Themes werden jetzt auf Firefox für Android unterstützt (Firefox Bug 1429488).

• Hacks Release-Post: Firefox 65: WebP-Unterstützung, Flexbox-Inspektor, neue Werkzeuge & Plattform-Updates