Firefox 151 Versionshinweise für Entwickler (Beta)
Dieser Artikel bietet Informationen zu den Änderungen in Firefox 151, die Entwickler betreffen. Firefox 151 ist die aktuelle Beta-Version von Firefox und wird am 19. Mai 2026 veröffentlicht.
Hinweis: Die Versionshinweise für diese Firefox-Version sind noch in Bearbeitung.
Änderungen für Webentwickler
HTML
- Das
shadowrootslotassignmentAttribut wird nun bei<template>Elementen unterstützt, sodass eine deklarative Definition des Slot-Zuweisungsverhaltens für Shadow Roots möglich ist. Das Attribut wird in JavaScript durchShadowRoot.slotAssignmentoderHTMLTemplateElement.shadowRootSlotAssignmentveranschaulicht (Firefox Bug 2031295, Firefox Bug 2023824).
CSS
-
Die CSS-Regel
@containerunterstütztstyle()Abfragen. Dies ermöglicht es Ihnen zu prüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat, und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Bug 2016929, (Firefox Bug 2019254), (Firefox Bug 2024601), Firefox Bug 2030645). -
Die
position-anchorCSS-Eigenschaft unterstützt jetzt dennormal(Standard-) Wert. Dies ermöglicht das Angleichen an dieposition-areaEigenschaft, sodass, wenn dieposition-areaEigenschaft aktualisiert wird, dieposition-anchorEigenschaft ebenfalls aktualisiert wird. (Firefox Bug 2030351).
APIs
- Die Methode
Sanitizer.replaceElementWithChildren()gibt jetztfalsezurück, wenn das zu ersetzende Element<svg>im SVG Namespace oder<math>im MathML-Namespace ist (zusammen mit<html>, das in Firefox 150 nicht erlaubt war). (Firefox Bug 2032359). - Die Document Picture-in-Picture API wird nun auf Desktop-Plattformen unterstützt. Dadurch wird es möglich, ein immer im Vordergrund Fenster zu öffnen, das mit beliebigem HTML-Inhalt gefüllt werden kann. Es kann verwendet werden, um jeglichen Inhalt anzuzeigen, den ein Benutzer separat von der Startseite (oder sogar dem Browser) anzeigen möchte, wie beispielsweise eine Reihe von Streams, die die Teilnehmer eines Videokonferenzgesprächs zeigen, ein Börsenticker oder ein Countdown-Timer. (Firefox Bug 2006594).
- Die
CanvasRenderingContext2D.langEigenschaft wird unterstützt, um die Sprache des Zeichenkontexts für das Canvas festzulegen. Während ein DOM-Canvas diesen Kontext vomlangAttribut seines zugehörigen<canvas>Elements erben kann, ist dies nützlich, um den Kontext für ein Offscreen-Canvas festzulegen, das möglicherweise gerendert wird, bevor es mit einem<canvas>verbunden wird. (Firefox Bug 1943070). - Die Eigenschaft
options.keyboardLockkann jetzt als Option anElement.requestFullscreen()übergeben werden, wodurch Websites eine Tastatursperre anfordern können, wenn das Element im Vollbildmodus angezeigt wird. Dadurch wird verhindert, dass die Esc-Taste dazu führt, dass das Element den Vollbildmodus verlässt (ein langes Drücken ist stattdessen erforderlich), und einige vormals reservierte Browser-Hotkeys können jetzt abgefangen und deren Standardaktion verhindert werden. (Firefox Bug 2032302). - Die
CanvasRenderingContext2D.langEigenschaft wird jetzt unterstützt, sodass die Darstellungssprache eines Offscreen-Canvas explizit angegeben und nach Erstellung des Zeichenkontexts geändert werden kann. (Firefox Bug 1943070). - Die
CSSContainerRule.conditionsEigenschaft wird jetzt unterstützt und spiegelt die Unterstützung der CSS-Regel@containerfür mehrere durch Kommas getrennte Container-Bedingungen wider. DieconditionEigenschaft stellt eine entsprechende@containerals Array von Objekten dar, wobei jedes Objekt eine einzelne Container-Bedingung repräsentiert. (Firefox Bug 2022827).
Änderungen für Add-on-Entwickler
tabs.group()undtabs.ungroup()fügen jetzt korrekt eine geteilte Ansicht hinzu und entfernen sie, wenn ein Aufruf eines der Tabs der geteilten Ansicht enthält. Zuvor war ein Aufruf fehlgeschlagen oder trennte die geteilte Ansicht. (Firefox Bug 2029099)tabs.move()verschiebt jetzt korrekt eine geteilte Ansicht nach rechts, wenn ein Aufruf eines der Tabs der geteilten Ansicht enthält. Zuvor wurde eine geteilte Ansicht nur nach links oder ans Ende der Tab-Liste verschoben. (Firefox Bug 2027855)
Experimentelle Webfunktionen
Diese Funktionen werden in Firefox 151 ausgeliefert, sind jedoch standardmäßig deaktiviert.
Um mit ihnen zu experimentieren, suchen Sie die entsprechende Einstellung auf der about:config Seite und setzen Sie sie auf true.
Weitere solcher Funktionen finden Sie auf der Seite Experimentelle Funktionen.
-
@container style()Bereichssyntax-Abfragen:layout.css.attr.enabledDie
@containerCSS-Regelstyle()Abfragen unterstützen nun die Bereichssyntax. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft hat und deren Wert mit Vergleichsoperatoren wie>,<,>=und<=zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Bug 2024601). -
field-sizingEigenschaft:layout.css.field-sizing.enabledDie
field-sizingCSS-Eigenschaft ermöglicht es Ihnen, das Größenverhalten von Formularelementen zu steuern. Diese Eigenschaft hat zwei Werte:contenterlaubt Elementen, sich an ihre Inhalte anzupassen, undfixedlegt eine feste Größe für Elemente fest. (Firefox Bug 1977176). -
Behebung für verschachtelte scrollbare Bereiche:
layout.css.fake-webkit-scrollbar.enabledDiese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbare Inhalte nicht erreichbar waren. Wenn eine Scrollleiste auf
display: none;oderwidth: 0;eingestellt ist, würden die Scrollleisten verschachtelter scrollbarer Bereiche übereinander gestapelt werden, was bedeutet, dass einige der Inhalte möglicherweise nicht erreichbar sind. (Firefox Bug 1977511). -
<timeline-range-name>Werte:layout.css.scroll-driven-animations.enabledDie
animation-range-start,animation-range-endCSS-Eigenschaften und dieanimation-rangeKurzschreibweise-Eigenschaft unterstützen nun<timeline-range-name>Werte. Diese<timeline-range-name>Werte ermöglichen es Ihnen, genau anzugeben, welcher Bereich einer scrollgesteuerten Animation stattfindet. (Firefox Bug 1804775).